jquery - 当页面加载时滚动条最初没有足够的内容时触发infiniteajaxscrolling

Question

我正在使用infiniteajaxscrolling，但我最初的 ajax 调用通常（取决于屏幕大小）不包含足够的内容来显示滚动条。

没有滚动条，就没有滚动事件 => 无限滚动永远不会开始？

如何让 ias 加载内容，直到至少有滚动条可见？

（当然，除了自己编码）。

是否已经在我只需激活的 ias 中实现了类似的功能？

我尝试在“渲染”事件上调用 ias.next() ，但有趣的是会重复加载内容。我想是因为以某种方式触发了滚动事件......

Answer 1

好的，问题似乎是，下一个 url 在调用“rendered”之后被加载。不要问我为什么...

这似乎是一种非常轻松的方法来修复它而不会“hackish”。只是快进加载新的下一个 url。在我的测试中似乎没有破坏任何东西......

ias.on("loaded", $.proxy(function(data, items)
{
    this.nextUrl = this.getNextUrl(data); // fast forward for next() in on.'rendered'
}, ias));

ias.on('rendered',$.proxy(function(items)
{
   if($(CONTAINER).height() <= $(window).height()) // call until scroll bars are shown
   {
      this.next();
   }
}), ias);