Wie füge ich unendlich scrollen mit jQuery Mauerwerk?

fügen Sie diese in Ihre html-Datei

<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>

und fügen Sie diese, können Sie hier angeben, unendlich scroll-Optionen

<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>

übrigens, deine Seite sieht toll aus

wenn du mehr Zweifel gehen hier Mauerwerk mit Infinite scroll

InformationsquelleAutor ChristianDavid