如何在滚动时fadeIn到fadeOut元素？
提问于 2013-07-29 12:06:50
我的页面上有超过70个div。
我不想一次显示所有的div，直到用户滚动页面。我试图隐藏页面上溢出的元素，当用户滚动页面时，隐藏的div应该会再次淡入。
但我不能隐藏溢出的元素，也找不到任何方法来再次fadeIn溢出的元素，如果窗口被滚动。
不过，我还是试过了-
$(function(){
$(window).css("overflow","hidden");
var lengthy= $('.content').length;
alert(lengthy);
var scrollbottom= $(window).scrollTop()+$(window).height();
$(window).scroll(function(){
$(document).css("overflow","hidden");
if($(window).height() >scrollbottom)
{
$(document).fadeIn();
}
});
});如何做到这一点？
回答 1
Stack Overflow用户
发布于 2013-07-29 12:27:33
将您的Jquery编辑为如下所示
$(window).scroll(function () {
if ($(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
//Add something at the end of the page
}
});这样做的是，当它在页面结束之前达到10px时，滚动就会发生，而不是必须在页面的最后。它不是必须的，但它提供了更大的控制来定义页面应该滚动到什么位置……
这个示例将向您展示我认为您想要的http://www.webresourcesdepot.com/dnspinger/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17923592
复制
腾讯云开发者
