Masonry + imageloaded + infinite ajax scroll

[aydcery]

When I reflesh page sometimes happens gap between of post ... this is my code

var container = document.querySelector('#container');
var msnry;
// initialize Masonry after all images have loaded
imagesLoaded( container, function() {
msnry = new Masonry( container, {
    itemSelector : '.box',
    isFitWidth: true,
    columnWidth: 236,
    gutter: 14
});
$('#loading').hide();
});

var ias = $.ias({
  container: "#container",
  item: ".box",
  pagination: ".page-links-list",
  next: ".page-next",
  delay: 0,
  negativeMargin: 200
});

ias.on('render', function(items) {
  $(items).css({ opacity: 0 });
});

ias.on('rendered', function(items) {
imagesLoaded( container, function() {
msnry.appended(items);
});
});

ias.extension(new IASSpinnerExtension());