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



Scrolling jQuery plugin


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




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=""></script>
<script src="/path/to/jqscroll.js"></script>

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


  • jQuery>=1.4


Considering you have a markup that looks like the following:

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


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

Scrolling to element

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




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
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.