jquery - 显示像 Facebook 一样的预加载器图像

Question

我正在开发像 FB 这样的流，用户可以在其中发布状态/图像等

我想在 FB 中显示预加载器图像，当我们向下滚动到我们的主页时（在下行），它们会显示并自动显示下一个帖子，然后是预加载器图像，然后是帖子等等。

现在我默认显示 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

您可以使用无限滚动插件来实现此功能。

以下是您可以配置它的方法：

$('#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很有用，因为它包含许多关于如何使用插件的示例。