Overview

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