Javascript 无限长滚动加载，不断与砌体.js

我使用下面的代码来使用massy.js和infinite scroll

<div id="container_div">
content to be loaded
</div>

<div id="page-nav">
<?php
$load = 0;
$load++;
print"<a href='gems_ajax_load.php?userid={$userid}&load={$load}''>next</a>"; ?>
</div>




<script type="text/javascript">
var $container = $('#masonry_container');
$container.infinitescroll({
navSelector  : '#page-nav',    // selector for the paged navigation 
nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
itemSelector : '.item',     // selector for all items you'll retrieve
debug :true,
loading: {
  finishedMsg: 'No more pages to load.',
  img: 'http://i.imgur.com/6RMhx.gif'
}
},
// trigger Masonry as a callback
function( newElements ) {
var $newElems = $( newElements );
$container.masonry( 'appended', $newElems, true );
}
);
</script>

编辑：

---

我已经设法在我的网站的一个可访问页面上复制了这个问题

尝试更改bufferPx、pixelsFromNavToBottom和附加的回调。请参见下文

<script type="text/javascript">
var $container = $('#masonry_container');
$container.infinitescroll({
navSelector  : '#page-nav',    // selector for the paged navigation 
nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
itemSelector : '.item',     // selector for all items you'll retrieve
debug :true,
pixelsFromNavToBottom:100,
bufferPx: 40, //this
loading: {
 finishedMsg: 'No more pages to load.',
 img: 'http://i.imgur.com/6RMhx.gif'
}
},
// trigger Masonry as a callback
function( newElements ) {
var $newElems = $( newElements );
$container.masonry( 'appended', $newElems );
}
);
 </script>

var$container=$（“#容器”）；
$container.infinites卷({
导航选择器：'#页面导航'，//页面导航的选择器
下一个选择器：“#页面导航a”，//下一个链接（到第2页）的选择器
itemSelector:'.item'，//将检索的所有项目的选择器
是的，
像素自导航底部：100，
bufferPx:40，//这个
装载：{
FinishedMg:“没有更多页面要加载。”，
img:'http://i.imgur.com/6RMhx.gif'
}
},
//触发器作为回调
函数（新元素）{
var$newElems=$（新元素）；
$container.mashing（'added'，$newElems）；
}
);

这似乎无法解决我的问题。我在页面上的位置无关紧要，只要我滚动，它就会加载更多内容。我可以在最顶端向上滚动（在google chrome中获得反弹效果），它仍然会加载更多的内容尝试更改回调。请参见上面的编辑对不起，这似乎仍然没有效果。我已经玩过bufferpx，可以得到它，这样你就可以向下滚动页面的1/8（这是不准确的，因为几乎每一个sctoll都会使页面变长），而不需要它获取更多的内容，但这是它能做到的。然后我想你需要更多的代码或JSFIDLE来查看你的问题。另一个想法是添加并使用“pixelsFromNavToBottom:”我添加了一个链接到我的websit，在那里你可以看到这一点。非常感谢

<script type="text/javascript">
var $container = $('#masonry_container');
$container.infinitescroll({
navSelector  : '#page-nav',    // selector for the paged navigation 
nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
itemSelector : '.item',     // selector for all items you'll retrieve
debug :true,
pixelsFromNavToBottom:100,
bufferPx: 40, //this
loading: {
 finishedMsg: 'No more pages to load.',
 img: 'http://i.imgur.com/6RMhx.gif'
}
},
// trigger Masonry as a callback
function( newElements ) {
var $newElems = $( newElements );
$container.masonry( 'appended', $newElems );
}
);
 </script>