在HTML文件中
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="../jquery.masonry.min.js"></script>
<script src="../js/jquery.infinitescroll.min.js"></script>
添加此並添加此,在這裏你可以指定無限滾動的選項
<script type="text/javascript">
var $container = $('#container');
$container.infinitescroll({
navSelector : '#page-nav', // selector for the paged navigation
nextSelector : '#page-nav a', // selector for the NEXT link (to page 2)
itemSelector : '.box', // selector for all items you'll retrieve
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>
順便說一下你的頁面看起來不錯
如果你有更多懷疑走到這裏Masonry with Infinite scroll
你也可以使用這個... http://www.infinite-scroll.com/inf inite-scroll-jquery-plugin/ – 2013-03-26 05:38:20