Killer jQuery scroller plugin.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
README.md
jqscroll.css
jqscroll.js
package.json
volofile

README.md

jqScroll

Scrolling jQuery plugin

Description

jqScroll provides scrolling functionality with customisable scrollbars for mouse (or mouse-like) user interactions.

License

BSD

Installation

Download the src folder and add the following to your code:

<link rel="stylesheet" href="/path/to/jqscroll.css"/>
<!-- You can replace the following line with your preferred way of loading jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="/path/to/jqscroll.js"></script>

Replace /path/to with the right paths to your static CSS/JS folders.

Dependencies

  • jQuery>=1.4

Usage

Considering you have a markup that looks like the following:

<div id="#scrolled_container">
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</div>

Initializing

var $scrolled = $('#scrolled_container').scroller();

Scrolling to element

$scrolled.scroller('scrollTo', $scrolled.find('li').last());

Destroying

$scrolled.scroller('destroy');

Author

Yehonatan Daniv