Infinite scroll

[desandro]

Add docs for infinite scroll, currently missing in the v2 docs.

[desandro]

When using imagesLoaded, this callback will hide items, then reveal them after images have been loaded.

function( newElems ) {
  // initially hide new elements, and use imagesLoaded
  var $newElems = $( newElems ).hide().imagesLoaded( function() {
    // show when ready to reveal
    $newElems.show();
    $container.isotope( 'appended', $newElems );
  });
}

[Fortyfive]

Hi, until we have some v2 infinitescroll documentation, would you able to demonstrate where this code should be inserted in order to get infinite scroll working? This is my current code:

if($('.portfolio-section').length > 0){
var $container = $('.portfolio-section');
$container.imagesLoaded(function(){
$container.fadeIn(300).isotope({
itemSelector: '.portfolio-item',
masonry: {
columnWidth: '.grid-sizer',
gutter: '.gutter-sizer'
}
});
});
}

Thanks in advance!

[desandro]

Infinite Scroll v3 has been released with direct integration via [outlayer option}(https://infinite-scroll.com/options.html#outlayer).

Tracking filtering + Infinite Scroll at metafizzy/isotope#1358