This simple, but useful jquery plugin will apply a smooth endless/infinite scrolling effect to any div content, including texts, links, pictures, divs, anchors ... it consists of one lightweight javascript file (~1kb).
You can set up multiple scroll areas, it can be easily controlled via multiple parameters like scrolling direction, steps, speed and also you can apply a pause on mouse over. Also the width and height can be fixed or fluid (percentage).
Check out the demo page to see the Endless Div Scroll jQuery Plugin in action :
Usage :
It's easy to use this plugin, just add theses javascript lines to activate the scroll animation for one or many divs on your page/website :
$(window).load(function () {
$("#divId").endlessScroll({
width: '90px',
height: '10px',
steps: -2,
speed: 40,
mousestop: true
});
// Recopy the previous line to add scrolling to other divs.
});
Parameters :
width : Desired div's width.
height : Desired div's height.
steps : pixel step for the scrolling, also controls the direction, a negatif value (left), a positive value (right).
speed : animation speed, from 0 (quicker) to infinite (slower).
mousestop : if set to true the scrolling stops when the mouse is over the div.