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

Question

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

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

Answer 1

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

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

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

Answer 2

好吧，这就是无限滚动器的全部意义：查看器滚动，新内容加载。您有一个沙箱或小提琴来显示您尝试过的代码吗？如果您在http://www.infinite-scroll.com/上阅读，您可能会找到您需要的内容：“在 1.4 中，您可以随意触发下一页内容的加载”。