Skip to Navigation or
Skip to Content

Jquery Infinite Scroller

Jquery Infinite ScrollerQuick Links

Visit the jQuery Infinite Scroller project hub, which has a demonstration and download for this plugin on JS Plugins JavaScript Plugin Library.

Infinite Scroller Demonstration.

Description

The jQuery Infinite Scroller is a plugin for the jQuery JavaScript Framework, which works with your server side script to add pages of results to a never-ending scrolling window. This provides a handy method of lazy-loading data to a web application.

Requirements

CSS

/* Optional styles */
		
		#infinitescroller {
			background-color: White;
			width: 50%;
			height: 200px;
		}

JavaScript

$("#infinitescroller").infinitescroller( {
				"innerscrollerid": "innerscroller",
				"uri": "infinitefakedata.html?Page=#MODIFIER#",
				"modifier": "0",
				"overflow": "auto",
				"offset": "100"
			});

 

You Are Here: Home » JavaScript » Infinite Scroller

 

I use a cookie on this website. This cookie doesn't contain or relate to any personal information and it isn't shared with any other website, it just ensures that I don't count you more than once in my website statistics. The Privacy and Electronic Communications Regulations require me to ask your permission to use this cookie, so please indicate below that you are happy for me to do this - I will remember your selection with a cookie, so if you accept I won't ask again...