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

回答

相關問題