我正在尝试将无限卷轴与我当前使用jQuery Masonry的类型的网站结合使用.我正在努力理解
JavaScript(和一般的html)的语言和基本功能,但它可以是相当压倒性的.我也看到不同的方法来添加无限卷动到一个网页,包括使用PHP.基本上,我对我的网站最好的方法是没有方向的.任何提示或帮助是非常感谢.对于我对这个话题的了解不足,我深表歉意,但是我觉得这完全是我的头脑@ @ @
这是我的网站.这是我的个人作品集：
http://themptyrm.com
解决方法
将其添加到您的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
