当页面加载时滚动条的内容不足时触发无限滚动

Question

我正在使用伟大的无限滚动插件 - http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/

但是在较大的屏幕分辨率上，没有足够的帖子来显示滚动条，因此无限滚动永远不会被触发。想知道这是否可以解决这个问题而不需要大量的初始帖子。

猜测某种if语句来检查浏览器高度等。但是如果它返回true，我如何触发无限滚动。

任何想法

由于

本

Answer 1

快速检查的一种方法是：

// Force 'retrieve' for next page if window is taller than document
if($(window).height() >= $(document).height()){
$wall.infinitescroll('retrieve');
};

如果需要，您可能需要将其转换为多个'检索'的函数，直到窗口不高于文档。

Answer 2

对于较新版本的infinitescroll，请设置选项

prefill: true

此解决方案已在this issue on github上创建并讨论。

Answer 3

我知道问题已经过时了，但这对你们很多人都有帮助。

@Luigi答案很好，但如果加载内容一次以显示滚动条是不够的呢？

这应该做得最好

tsconfig.json

这将运行几次，直到需要实际显示滚动条。

使用 Ctrl import { store, IStore, IProduct } from "cc.fovea.cordova.purchase"; - ，可以在缩小页面时测试此功能并查看所有功能。

在显示滚动条之前，您会看到新内容的调用。