With the emerging popularity and use of social media sites, people are signing up for existing social media sites like Facebook, Twitter and many more. To keep existing user base and new signees hooked onto their site; these social media websites constantly work on new technologies and features to enhance user experience. One such clever feature is ‘infinite scrolling’ based on JQuery. It is a technique to retain users on a single page of a website. When the user scrolls down, more content is fetched and loaded on the same page, so the user does not have to manually click on ‘next’ to go to the next page.
Here are the top 10 jQuery plug-ins to enable infinite scrolling on your website page.
1. jQuery ScrollPagination
Anderson Ferminiano developed the jQuery ScrollPagination for studying purposes, but is available online for free download and use as long as you can preserve the credits.
Screw is a short form for scroll and view. It is a jQuery plugin that loads HTML when a user scrolls the webpage. Screw manages to save some bandwidth by only loading content as and when the page is scrolled into view. Screw can also be used to create continuous scrolling and bottomless pages where content can be appended to the bottom as the user scrolls.
Autobrowse jQuery Plugin plugin adds automatic Ajax loading of the page content when the user scrolls the page, with built-in browser cache. All you need to do is use the auto-browse option on a container that you want to fill with content with.
The scrollExtend plugin is developed to load new content automatically at the screen bottom by appending to a DOM element as and when the user scrolls beyond the element, just the way Facebook does with their status updates. The existing infinite scroll plugin originally meant to be integrated with WordPress.
Infinite Scroll Plugin is another infinite scroll plugin, just like DZone’s system.
This plugin helps loading of pages faster and users will have to only load the content they see.
Triggered Infinite Scroll is a twitter-styled custom trigger, which is non-automatic. This plugin will progressively improve your page. The user’s navigation/pagination elements must be contained within the HTML for non-JS users, but the plugin will utilize those links to build a more rich and improved browsing experience.
Infinite Ajax Scroll is a plugin that will turn your existing pagination into an infinite scrolling one, without much trouble.
InfiniScroll was originally written as a jQuery plugin. It works for blog posts. It will work for anything where you scroll to get more data. Just like Facebook status messages, Twitter scrolling and so on.
In usual cases, the user has to click to see the next page instead of the regular pagination, the best feature of Unlimited Scroll is that it automatically loads the next page when the user is at the bottom.