javascript - 滚动时如何淡入到淡出元素？

Question

我的页面上有 70 多个 div。

我不想一次显示所有的 div，直到用户滚动页面。我试图隐藏页面上溢出的元素，当用户滚动页面时，隐藏的 div 应该再次淡入。

但我无法 overflow hidden 的元素，也找不到任何方法在滚动窗口时再次淡入溢出的元素。

不过我试了一下-

$(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();
            }
        });


});

Jsfiddle

如何做到这一点？

Answer 1

将你的 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/