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

Question

I'm using infiniteajaxscrolling , but my initial ajax call often (depending on screen size) doesn't contain enough content that it shows a scroll bar.

Without scrollbar, there is no scroll event => infinite scrolling never starts?

How can I let ias load content until there are at least scrollbars visible?

(except of course, just coding it myself ).

Is there something like this already implemented in ias I just have to activate?

I tried just calling ias.next() on a "rendered" event, but that funnily gets to duplicated loading of content. I suppose because somehow a scroll event gets triggered then...

Answer 1

Ok, it seems, the problem is, that the next url gets loaded AFTER "rendered" is called. Don't ask me why...

This seems like a pretty painless way to fix it without being to "hackish". Just fast-forwarding loading of the new next url. Doesn't seem to break anything in my testing...

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);