New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/scrollable-replace-default-scrollbars-with-a-customisable-one/
Scrollable - Replace default scrollbars with a customisable one
Download Demo
This 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
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