如何使用jQuery Masonry添加无限滚动？

我正在尝试将无限卷轴与我当前使用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

原文地址：https://www.jb51.cc/jquery/179565.html