14

I'm using the great infinite-scroll plugin- http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/

But on larger screen resolutions there's not enough posts to display a scroll bar so the infinite-scroll never gets triggered. Wondered if these a way around this without having a large number of initial posts.

Guessing some kind of if statement to check browser height etc. But how do i then trigger the infinite-scroll if it returns true.

Any ideas

Thanks

Ben

4

3 回答 3

15

进行快速检查的一种方法是：

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

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

于 2012-08-02T14:46:05.727 回答
4

对于较新版本的无限滚动，设置选项

prefill: true

这个解决方案是在 github上创建和讨论的。

于 2013-05-31T00:15:39.513 回答
2

我知道问题已经过时了，但这会对你们中的许多人有所帮助。

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

这应该做得最好

var no_scrollbar_workaround = setInterval(function checkVariable() {

           if($(window).height() >= $(document).height()) {
                    jsonloader(); //here you put your function for more content
            } else {
                    clearInterval(no_scrollbar_workaround);
            }
}, 1000);

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

您可以测试此功能，并在尽可能缩小页面时看到它的所有荣耀Ctrl + -。

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

于 2017-04-27T16:00:52.803 回答