Infinite scrolling is a nice technique that is starting to appear more and more frequently across the web and seen on high profile social media sites like Pinterest. Basically, instead of using standard numbered pagination, you implement an infinite scrolling method. This allows the user to simply keep scrolling, while additional content loads automatically without the need to click a button.
When implemented properly, infinite scrolling is a great way to improve the user experience of your site. Users often find it annoying to have to click multiple pages (as demonstrated by the immense hate towards blog posts that are split into multiple pages), so by letting more content load automatically, it eliminates this need.
In this post, you’ll find a selection of 30+ infinite scrolling websites to inspire you when implementing infinite scrolling on your own website.
And now, if these examples have convinced you to try out infinite scrolling for your next website, here’s a few resources to get you started:
- Infinite-Scroll plugin on WordPress.org: Infinite Scroll adds the following functionality to your wordpress installation: When a user scrolls towards the bottom of the page, the next page of posts is automatically retrieved and appended. This means they never need to click “Next Page”, which dramatically increases stickiness.
- Endless Infinite Scrolling WordPress Theme on ThemeForest: Endless is a clean and stylish infinite scrolling theme, perfect for bloggers and storytellers. We’ve delicately put together some awesome HTML5 mixed in some CSS3 and added a bit of jQuery on top to make this beautiful theme just for you.
- Infinite Pages Plugin on CodeCanyon: Infinite Pages was designed for displaying large pieces of HTML data in more manageable chunks. When the reader reaches the end of the page, the script loads more content.
- Infinite Scroll jQuery Plugin: Infinite scroll has been called autopagerize, unpaginate, endless pages. But essentially it is pre-fetching content from a subsequent page and adding it directly to the user’s current page.
- jQuery Masonry: Masonry integrates well with auto-paging scripts like Infinite Scroll by Paul Irish. Using the appended method, Masonry will position only the newly appended elements, and skip over all the previous elements that are already in their proper position, thus saving precious milliseconds of page load time.
- How to Add Infinite Scroll to Your WordPress Blog on WPBeginner: In this article, we will show you how you too can install Infinite Scroll in WordPress.
- How To Create an Infinite Scrolling Web Gallery on NETTUTS+: When working my way through a web gallery, I find it annoying when I must change pages; so in today’s tutorial, we will learn how to create an auto-generating, one-page, infinite scrolling gallery with PHP and AJAX. Let’s get started!