显示预载图片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有用，因为它包含了如何使用它的插件很多例子。