How can I integrate scroll pager with jquery masonry?

How can I integrate jquery masonry with scroller page (https://github.com/kop/yii2-scroll-pager)

So that when you click the load more button and new items are displayed the masonry is resized/organised.

I know masonry has append just unsure on how to integrate it.

Current listview pager


 'pager' => ['class' => \kop\y2sp\ScrollPager::className()]

My current jquery code


$('#container').imagesLoaded( function(){

  $('#container').masonry({

   itemSelector: '.item',

   isAnimated: true,

  });

});