If you want to implement automatic loading of content on your website just like Facebook and Twitter, these free infinite scrolling jQuery plugins are very useful.
A trend that hit the web recently is the use of infinite scrolling in web design. As the name suggests, it gives and impression of endless scrolling as it loads the content of a website automatically once the user reaches the bottom of a web page. Basically, it eschews traditional navigation setup since it replaces numbered pagination. This techniques encourages the readers to stay longer and read more content as they appear automatically without any action apart from the “scrolling” that users normally do as they read the content.
Right now, there are a lot of infinite scrolling WordPress themes around so you can actually start a website with automatic loading of content feature in no time. Meanwhile, if you are a web developer and you want to use some jQuery scripts so achieve the effect, here are some of the plugins that you can grab for free. Check them out and enjoy!
Infinite Scrolling jQuery Plugin
“infiniScroll” works for blog posts but will work for anything where you scroll to get more data just like Twitter.com, Facebook status messages, etc.
Autobrowse JQuery Plugin
This plugin adds automatic Ajax loading of page content when the user scrolls the page, with built-in browser cache. Simply use autobrowse (options) on a container that you want to fill with content.
Endless Scroll jQuery Plugin
If you don’t already know, endless scroll (or infinite scrolling) is a popular technique among web 2.0 sites such as Google Reader and Live Image Search, where instead of paging through items using the traditional pagination technique, the page just keeps loading with new items attached to the end. This jQuery plugin is developed to achieve that easily.
Twitter-style triggered infinite scroll
This plugin aims to progressively enhance your page. Your navigation/pagination elements should be present in the HTML for non-js users, but the plugin will utilize those links to build out a more rich browsing experience.
Screw – A jQuery Plugin
Screw, is a word re-coined from scroll + view, is a jQuery plugin which loads HTML as a user scrolls the webpage. Screw will help you save bandwidth by only loading content as it is scrolled into view. Screw can also be used to create continuously scrolling, bottomless pages where content is appended to the bottom as the user scrolls.
jQuery onScrollBeyond and scrollExtend plugins
The scrollExtend plugin is designed to automatically load new content at the bottom of the screen (by appending to a DOM element) when the user scrolls beyond the element, much like Facebook does with their status updates. The existing infinite scroll plugin was primarily designed to integrate with WordPress, which didn’t really suit my purposes.
Load Content While Scrolling With jQuery
Generally we have lots of content to present but can not load all of it at once as it may take too long. This Ajax auto content loading makes it easy for you to implement an infinite scrolling system on your website that your readers would love.
Create Infinite Scroll Effect Using JQuery
This is an awesome tutorial that will teach you how to create an infinite scroll system on your website using jQuery.
Infinite Ajax Scroll, a jQuery plugin
Infinite Ajax Scroll is a plugin that turns you existing pagination into an infinite scrolling one, with ease.
jScroll is a jQuery plugin for infinite scrolling, written by Philip Klauzinski. Infinite scrolling; also known as lazy loading, endless scrolling, autopager, endless pages, etc.; is the ability to load content via AJAX within the current page or content area as you scroll down. The new content can be loaded automatically each time you scroll to the end of the existing content, or it can be triggered to load by clicking a navigation link at the end of the existing content.
jQuery ScrollPagination automatically loads content when you reach the bottom of the page.