我不想一次显示所有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

如何才能做到这一点？

来源

2013-07-29 Manoj

您希望元素淡入，因为他们滚动到视图中，并在视图滚动时淡出？ – CodeToad

@CodeToad，正好！ – Manoj

首先，你不能设置溢出：隐藏在窗口或文档上，为此使用body！第二，你可以使用这样的插件：http：//www.jquery4u.com/demos/infinite-scrolling-demo1/ – reyaner

编辑您的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/

来源

2013-07-29 12:27:33 AnaMaria

似乎是正确的，将尝试一下。谢谢！ – Manoj

使用这篇文章http://ajaxian.com/archives/implementing-infinite-scrolling-with-jquery – AnaMaria

如何在滚动时淡入淡出元素？

Jsfiddle

回答

如何在滚动时淡入淡出元素？

Jsfiddle

回答

相关问题