顯示預載圖片Facebook一樣

Question

我就喜歡FB，其中用戶可以發佈狀態/圖像等流工作

我想表明，像在FB它們表明，當我們向下滾動到我們的主頁（在預加載圖像下行），並自動顯示下一篇文章，然後preloader圖像然後帖子等。

現在我顯示用於顯示下一個職位20個職位在默認情況下並查看按鈕，

下面是我的HTML結構

<div class="item Row mydiv StreamHide StreamBox"> 
//Posts 
//posts 
</div> 

，這就是我如何隱藏一些帖子

$('.mydiv').each(function (index) { 
       if (index <= 20) { 
        $(this).removeClass('StreamHide'); 
        $(this).addClass('StreamShow'); 

       } 
      }); 

如何才能實現車展功能，如FB

Answer 1

您可以使用infinite scroll plugin來實現此功能。

這裏是如何，你可以配置它：

$('#content').infinitescroll({ 

    // selector for the paged navigation (it will be hidden) 
    navSelector : "div.navigation", 

    // selector for the NEXT link (to page 2) 
    nextSelector : "div.navigation a:first", 

    // selector for all items you'll retrieve 
    itemSelector : "#content div.post"   

}); 

您也可能會發現following article有用，因爲它包含了如何使用它的插件很多例子。