javascript - 砖石图像加载无限滚动

Question

我对加载无限滚动的砌体图像有问题，第一次加载时一切正常，但在无限滚动砌体计算错误位置后

$(function(){
var $grid = $('.promos-get').masonry({
    itemSelector: 'none',
    columnWidth: '.grid-sizer',
    percentPosition: true,
    stagger: 30,
    visibleStyle: { transform: 'translateY(0)', opacity: 1 },
    hiddenStyle: { transform: 'translateY(100px)', opacity: 0 }
});

var msnry = $grid.data('masonry');

$grid.imagesLoaded( function() {
    $grid.masonry( 'option', { itemSelector: '.grid-item' });
    var $items = $grid.find('.grid-item');
    $grid.masonry( 'appended', $items );
});

$grid.infiniteScroll({
    path: '.pagination .next-page a',
    append: '.grid-item',
    outlayer: msnry,
    history: false
});
})

我的 img 标签没有“高度、宽度”，因为我的页面是响应式的。我如何修复加载的图像？请帮帮我。

Answer 1

我解决了这个问题，我的解决方案是删除infiniteScroll并在按钮单击时附加新项目