立即开始使用jQuery无限滚动加载

Question

我正在使用带有Masonry的Infinite Scroll jQuery插件。每个页面都有大约一百个小图像，这些图像足以填满iPad屏幕，但对于像iMac屏幕这样大的东西来说还不够。

无论我在调用无限滚动时设置bufferPx选项有多高，都不会加载其他内容，直到查看器开始滚动。有没有办法可以修改此行为，以便无限滚动在查看器滚动之前加载其他内容？

Answer 1

嗯，这就是无限卷轴的重点：观看者滚动，新内容加载。你有一个沙箱或小提琴来显示你尝试过的代码？如果您在http://www.infinite-scroll.com/上阅读，那么您可以找到所需内容：“在1.4中，您可以随意触发下一页内容的加载”。

Answer 2

更多信息会有所帮助，但我可以提供一个简单的设置，可以减轻您的疑虑。

您可以在启动时将infinitescroll对象设置为变量（为方便起见），然后在回调函数中定位该变量以获取容器高度，将其与当前窗口的高度进行比较，如果是更小，您可以触发'检索'方法，使其开始加载更多图像。在它填满屏幕后，它会像往常一样礼貌地等待滚动事件。

$infinite = $('#infinitebox');
$infinite.infinitescroll({options}, function() {
    if ( $infinite.height() < $(window).height() ) {
        $infinite.infinitescroll('retrieve');
    }
});