Jsfiddle

Question

我的页面上有超过70个div。

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

但是如果滚动窗口，我无法隐藏溢出元素并且无法再找到任何方法来淡化溢出元素。

但我尝试了一下 -

$(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/

滚动时如何淡入fadeOut元素？

Jsfiddle

1 个答案: