Javascript 与Packy和Infinite Scroll 3重叠的元素

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

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

如何确保每次通过无限加载加载新项目时，都使用图像加载加载打包机对齐div

---

这里有两个屏幕截图，这是我加载其他项目和加载

有人知道如何在无限滚动后重新加载组件吗？利亚姆，你试过使用Metafizzy的“imagesLoaded”javascript吗？有人知道如何在无限滚动后重新加载组件吗？利亚姆，你试过使用Metafizzy的吗“imagesLoaded”javascript？：