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: http://www.beta.analougehouse.com
I used Masonry JS to achieve the effect.

Thanks!

There is a tutorial and code available for this functionality at the following links.

http://www.thegoodlab.com/articles/infinite-scroll-with-ee/

https://github.com/bryantAXS/Infinite-Scroll-Article-Example

These are the 2 that I found earlier but they didn’t work for me. Have you tried those tuts yet?

I haven’t personally tried the code in the tutorial but he does have a working demo in ExpressionEngine.