Expressionengine Pagination and Infinite Scroll

I’ve been searching around for a method for this implementation but just found a very few tutorials and they are seems not to be up-to-dated. So here’s the issue:

I’m building a site with the layout similar to Pinterest and just wondering how to achieve such effect with EE pagination. It’s pretty much like Facebook, you keep scrolling and every time you get to the bottom of your screen, there will be a certain number of posts to be loaded and append to the current posts. Also, once you reach a certain number of posts you will see a button “Click to Load More ” or “You’ve Reach The End of the Internet” when there is no more content to show.

Here is the URL for your reference: www.beta.analougehouse.com I used Masonry JS to achieve the effect.

Thanks!