How can I integrate scroll pager with jquery masonry?

How can I integrate jquery masonry with scroller page (

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(){


   itemSelector: '.item',

   isAnimated: true,