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.
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.
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, 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.
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.
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.
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.