开始不想它出来,所以你开始要将他的属性设置为display:none; 当你需要出现的时候,你就用就是把它的属性改为display:block 这里就需要用到一个属性,监听页面滚动情况,比如你想页面往下拉300px就出现时候,你就这么写 $(window).scroll(function() { if ($(this).scrollTop() > 300) { $('#banner').show(); } else { $('#banner').hide(); } }); 首先$(window).scroll();就是当页面发生滚动时候就触发。然后使用$(this).scrollTop()获取到现在滚动上去的高度,如果大于300,你就显示,否则就隐藏,我这里使用了jquery,记得你要引用。 如何知道自己已经滚动了多少? $(window).scroll(function() { console.log($(this).scrollTop()); }); 打开控制台console里面可以看到
开始不想它出来,所以你开始要将他的属性设置为
display:none;
当你需要出现的时候,你就用就是把它的属性改为
display:block
这里就需要用到一个属性,监听页面滚动情况,比如你想页面往下拉300px就出现时候,你就这么写
首先
$(window).scroll();
就是当页面发生滚动时候就触发。然后使用$(this).scrollTop()
获取到现在滚动上去的高度,如果大于300,你就显示,否则就隐藏,我这里使用了jquery,记得你要引用。如何知道自己已经滚动了多少?
打开控制台console里面可以看到