我找到了这个,但它是在页面底部之前 100 像素处找到的。我需要它距离页面顶部 100px。我知道如何实现它,我已经完成了其他 jquery 动画,只是没有在这个动画中需要的东西。
$(window).scroll(function(){
if($(window).scrollTop() + 100 > $(document).height() - $(window).height() ){
alert("at bottom");
}
});
而且,我还需要知道如何反转它,以便当用户在 100 像素之前向上滚动时 div 消失。
这将用于导航栏。
Edit2> 这也有效:
$(window).scroll(function(){
if($(window).scrollTop() > 100){
$("#div").fadeIn("slow");
}
});
$(window).scroll(function(){
if($(window).scrollTop() < 100){
$("#div").fadeOut("fast");
}
});
最佳答案
试试这个:
$(window).scroll(function() {
if ($(window).scrollTop() > 100) {
// > 100px from top - show div
}
else {
// <= 100px from top - hide div
}
});
关于javascript - 从页面顶部滚动 100px 后显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13195048/