jQuery Endless Div Scroll Plugin
File Size: | 122 KB |
---|---|
Views Total: | 12815 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
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 ... </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.