Bitbucket is a code hosting site with unlimited public and private repositories. We're also free for small teams!

Close

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

Recent activity

Yehonatan Daniv

Commits by Yehonatan Daniv were pushed to ydaniv/jqScroll

695eea8 - Implemented horizontal support; Implemented scrollTo logic; Fixed scrolling calculation; Fixed destruction logic; Fixed instance handling
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.