jQuery Endless Div Scroll Plugin

File Size: 122 KB
Views Total: 12815
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Endless Div Scroll Plugin

A simple and easy-to-use jQuery Plugin for that will apply an infinite scroll effect to any div's content, including Text, Images, Divs, Anchors. You can apply a pause on mouse over, change directions, speed, steps ...

How to use it:

1. Include jQuery Library and endless_scroll_min.js

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="endless_scroll_min.js" type="text/javascript"></script>

2. Markup

<div id="s1" class="es">
Endless Div Scroll jQuery Plugin : this plugin will apply an infinite scroll effect to any div's content, including Text, Images, Divs, Anchors... You can apply a pause on mouse over, change directions, speed, steps ...&nbsp;
</div>

3. Call the plugin with options

<script type="text/javascript">
$(window).load(function () {
$("#s2").endlessScroll({ 
width: '700px', // Desired div's width.
height: '26px', // Desired div's height.
steps: -2, // pixel step for the scrolling, also controls the direction, a negatif value (left), a positive value (right).
speed: 40, // animation speed, from 0 (quicker) to infinite (slower).
mousestop: false }); //if set to true the scrolling stops when the mouse is over the div.
});
</script>

 


This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.