javascript - 使用 Packery 和 Infinite Scroll 3 重叠元素

Question

我在我的项目 packery + Infinite scroll 3 中实现，但是当我滚动页面并加载新项目时，这些不尊重 packery。

var grid = document.querySelector('.masonry_base');
var pckry = new Packery( grid, {
  itemSelector: '.post-grid',
  percentPosition: true
});
// layout Packery after each image loads
imagesLoaded( grid ).on( 'progress', function() {
  pckry.layout();
    msnry.options.itemSelector = '.post-grid';
});
var elem = document.querySelector('.masonry_base');
var infScroll = new InfiniteScroll( elem, {
  // options
  path: '.next',
  append: '.post-grid',
  history: false,
});

如何确保每次通过无限加载加载新项目时，imagesLoaded 加载包装以对齐 div？

这是两张截图，这是我在加载其他项目之前和加载之后的情况