0
我有一个div,它是固定的位置,我想隐藏一旦页面滚动到某个位置。有没有办法用jQuery/Javascript做到这一点?当页面滚动到一定数量的像素时,可以用jQuery/Javascript隐藏html div吗?
我有一个div,它是固定的位置,我想隐藏一旦页面滚动到某个位置。有没有办法用jQuery/Javascript做到这一点?当页面滚动到一定数量的像素时,可以用jQuery/Javascript隐藏html div吗?
是的,这样的事情应该做的伎俩:
var max_scroll = 300;
$(document).scroll(function(){
if($(this).scrollTop() >= max_scroll)
{
$('#my_div').fadeOut();
}
});
$(document).scroll(function(){
if($(document).scrollTop()>100){
$("#myElement").hide();
}
}
编辑:面向对象,我看到有人已经发布了一个可行的解决方案,
好了,如果你想它被滚动在一个带有'wrapper' id的特定div中,而不是文档中,你会怎么做?我试过\t'$('#wrapper')。scroll(function(){ if($(this).scrollTop()> = maxScroll) {('#teasers')。fadeOut(); } });',但它不起作用。 '#teasers'是我想隐藏的div。 – chromedude
它会,如果你有你的CSS设置正确:http://jsfiddle.net/AlienWebguy/efxrC/ – AlienWebguy
http://jsfiddle.net/efxrC/1/ – Sinetheta