12 jQuery Infinite Scrolling(scroll & read) Plugins for Content Navigation

Our sites generally have lots of content and it increases day by day.Especially giant websites like Twitter,Facebook have too much thing to present to visitors so many new techniques have been released in the last few years and ”Infinite Scrolling” is one of them.Infinite scrolling is a technique to retain your users on a website in a single page.When the user scrolls down the page,new content is fetched and displayed.
So today’s post is the collection of jquery plugins for infinite scrolling.You can use these plugins in blog posts(homepage) or comments section or even to show your tweets in your blog.

jQuery Infinite Scrolling Plugins


jQuery ScrollPagination

infinite jquery plugins

Advertisement


jQuery ScrollPagination plugin has been developed by Anderson Ferminiano for studying purposes, you may use it for free in any project you want, only preserve the credits.

Demo | Source

Screw – A jQuery Plugin

infinite jquery plugins
Screw (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.

Demo 1 | Demo 2 | Demo 3 | Source

Autobrowse jQuery Plugin

infinite jquery plugins
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.

Demo 1 | Demo 2 | Source

Scroll Extend Plugin

infinite jquery 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.

Demo | Source

Infinite Scroll Plugin

infinite jquery plugins
Another infinite scroll plugin,just like DZone’s system.

Demo | Source

Endless Scroll jQuery Plugin

infinite jquery plugins
Demo | Source

Load Content While Scrolling With jQuery

infinite jquery plugins
The plugin helps increasing the initial load speeds of pages faster and users will have to load only the content they see.

Demo | Source

Creating An Infinite Scroll Effect With jQuery And ColdFusion


Watch the Tutorial | Source

Triggered Infinite Scroll

(Custom trigger, non-automatic. Twitter-style)
infinite jquery plugins
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.

Demo | Source

Infinite Ajax Scroll, a jQuery Plugin

infinite jquery plugins
Infinite Ajax Scroll is a plugin that turns you existing pagination into an infinite scrolling one, with ease.

Demo | Source

Infinite Scrolling jQuery Plugin

infinite jquery plugins
“infiniScroll” was written as a jQuery plugin. It works for blog posts… but will work for anything where you scroll to get more data. Just like Twitter.com, Facebook status messages, etc.

Demo | Source

Unlimited Scroll using the Twitter API

infinite jquery plugins
Instead of the regular pagination, where the user has to click to see the next page, unlimited scroll automatically loads the next page when the user is at the bottom.

Demo | Source

Designbeep Staff

Designbeep is a design blog dedicated to web developers,bloggers,designers and freelancers.Our aim is to share everything about web design,graphic design,tutorials and inspirational articles and more.

4 Comments to 12 jQuery Infinite Scrolling(scroll & read) Plugins for Content Navigation

  1. Hi Arshad,

    Do you have something like Facebook where i can scroll to get the content and also click on the timeline to go straight to the content?

    Thanks!