Infinite Scroller Summary

The jQuery Infinite Scroller is a plugin that keeps adding content to a scrollable area as your website visitor nears the end of the content.

In this demo, I keep adding the same articles - but behind the scenes the plugin requests page 1, then page 2 and so on.

Start

You can start with existing content. Start scrolling and as you near the end of the current content, more will be added.

Please read the infinite scroller documentation for instructions on how to use the plugin.

Options

innerscrollerid
The id that will be applied to the inner scroll container.
uri
The full web address a page that provides more articles, which must be on the same domain (otherwise you'll hit cross-site-scripting issues). Add the #MODIFIER# place holder, which wil be replaced with the page number being requested.
modifier
The page number to start from, your paging logic will normally require that you start with either 0 or 1.
width
The desired width of the scroll area (or just set it using CSS).
height
The desired height of the scroll area (or just set it using CSS).
overflow
Set to "auto" by default, set this to "hidden" if you want to use your own scrolling logic instead of the browser scrollbars.
offset
The higher you set this number, the earlier more results will be retrieved. Use this to optimise the scrolling experience.