Html 在这个无限滚动代码中应该更改什么以防止帖子重叠？

我是javascript新手，我真的需要Tumblr页面上的砖石和无限滚动的帮助。每次我滚动到页面底部加载旧帖子时，它们都会重叠

有谁能帮我修改一下代码，这样在柱子装好之前就不会用砖石了吗

我已经尝试（现在已经超过10次）自己修复代码，但是其他一些东西最终在我的页面上被弄乱了，这个问题没有得到解决

这是我正在使用的当前无限滚动代码：

$(window).load(function () {
var $content = $('#content');
$content.masonry({itemSelector: '.entry'}),
$content.infinitescroll({
navSelector : 'div#pagination',
nextSelector : 'div#pagination a#nextPage',
itemSelector : '.entry',
loading: {
finishedMsg: '',
img: 'https://static.tumblr.com/dbek3sy/pX1lrxdsa8xv/ajax-loader.gif'
},
bufferPx : 600,
debug : false,
},
// call masonry as a callback.
function( newElements ) {
var $newElems = $( newElements );
$newElems.hide();
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
{/block:IndexPage}

$（窗口）。加载（函数（）{
var$content=$（“#content”）；
$content.mashise（{itemSelector:'.entry'}），
$content.infinites卷({
导航选择器：“div#分页”，
下一个选择器：“div#分页a#下一页”，
itemSelector:“.entry”，
装载：{
finishedMsg:“”，
img:'https://static.tumblr.com/dbek3sy/pX1lrxdsa8xv/ajax-loader.gif'
},
bufferPx:600，
调试：错误，
},
//调用砌体作为回调。
函数（新元素）{
var$newElems=$（新元素）；
$newElems.hide（）；
//确保在添加到砌体布局之前加载图像
$newElems.imagesLoaded（函数（）{
$content.mashise（'added'，$newElems，true，function（）{$newElems.fadeIn（300）；}）；}）；}）；}）；
{/block:IndexPage}