10+ Great Free Infinite Scrolling jQuery Plugins

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.

COMPLETE INFO & DEMO

infinite-scrolling-jquery-plugins-

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.

COMPLETE INFO & DEMO

autobrowse-jquery-plugin-

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.

COMPLETE INFO & DEMO

endless-scroll-jquery-plugin-

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.

COMPLETE INFO & DEMO

twitter-style-triggered-infinite-scroll-

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.

COMPLETE INFO & DEMO

screw-

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.

COMPLETE INFO & DEMO

scroll-extend-plugin-

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.

COMPLETE INFO & DEMO

load-content-while-scrolling-with-jquery-

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.

COMPLETE INFO & DEMO

infinite-scroll-effect-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.

COMPLETE INFO & DEMO

infinite-ajax-scroll-

jScroll

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.

COMPLETE INFO & DEMO

jscroll-

jQuery ScrollPagination

jQuery ScrollPagination automatically loads content when you reach the bottom of the page.

COMPLETE INFO & DEMO

jquery-scroll-pagination-

Leave a Reply

Your email address will not be published. Required fields are marked *