Warning: Illegal offset type in isset or empty in /home/tripwire/public_html/wp-content/plugins/winnr/model/excerptHandler.php on line 138

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.


ElegantThemes
ThemeForest

Advertisement

365awesomedesigners

365awesomedesigners

hellomonday

hellomonday

ReformRevolution

ReformRevolution

pinterest

pinterest

Behance

Behance

Svpply

Svpply

Themolitor

TheMolitor

LooksLikeGoodDesign

LooksLikeGoodDesign

LookBook

DazeDigital

DazeDigital

CutestPaw

CutestPaw

idsgn

idsgn

tumblr

Tumblr

flickriver

Flickriver

soup

soup

Google Reader

Google Reader

Paranaiv

Paranaiv

cssline

cssline

butdoesitfloat

butdoesitfloat

visuelle

visuelle

brandnewschool

Brandnewschool

UnFold

UnFold

Methoddesignlab

MethodDesignLab

Skittles

Skittles

Pixillion

Pixillion

Dynamit

Dynamit

BeautifulExplorer

BeautifulExplorer

SatelliteVoices

Satellite Voices

SWELL

SWELL

tonylea

sight

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!

Author : Eric Shafer

Eric Shafer is a creative media enthusiast from Chicago, IL. He works frequently in the fields of graphic design, web design, web development, programming, audio, music and computer graphics. He is one of the administration team members at CreativeFan

Pin It on Pinterest

Shares
Share This

Share This

Share this post with your friends!

Shares