Download
User Rating: 0/5 ( 0 votes)
jQuery Scrollable is a plugin which allows your users to replace default scrollbars with a customisable one. The visual result is like Apple iPad and iPhone scrollbars.
-
Fully customisable with CSS
-
Support X and Y
-
Auto hide the scrollbars when the mouse is not over the content to scroll
-
Auto resize scrollbars on content change
-
Do not affect the original design layout
-
Nested scrollbars support
Source: zellerda.com
1. INCLUDE CSS AND JS FILES
<link rel="stylesheet" type="text/css" href="/js/jquery.scrollable.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.20/jquery-ui.min.js"></script>
<script type="text/javascript" src="/js/jquery.scrollable.js"></script>
2. HTML
<div style="width: 400px; height: 300px" class="scroll">
<div style="height: 600px; width: 600px"></div>
</div>
3. JAVASCRIPT
$('.scroll').scrollable();
4. OPTIONS
Option |
Default |
Description |
autoHide |
true |
Auto hide scrollbars |
mouseWheel |
true |
Enable the support of the mouse wheel |
onUpdate |
function(){} |
Tiggered when the content change |