Cross-platform OSX-like Scrollbar jQuery Plugin - Scrollert.js
File Size: | 912 KB |
---|---|
Views Total: | 2973 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Scrollert.js is a cross-platform, easy-to-customize jQuery custom scrollbar plugin which adds OS X-like horizontal/vertical scrollbars to a specified scrollable container.
How to use it:
1. Load the minified version of jQuery Scrollert.js plugin's CSS in the document's head section.
<link rel="stylesheet" href="dist/scrollert.min.css">
2. Add the CSS class 'scrollert' to the scrollable area and wrap your main content into the 'scrollert-content' container.
<div class="scrollert"> <div class="scrollert-content"> Content Goes Here </div> </div>
3. Load jQuery library and the jQuery Scrollert.js plugin's script at the bottom of the html page.
<script src="https://code.jquery.com/jquery-3.1.0.slim.min.js"></script> <script src="dist/scrollert.min.js"></script>
4. Call the function on the top element and done.
$('.scrollert').scrollert();
5. Default configuration options for the scrollbar plugin.
$('.scrollert').scrollert({ axes: ['x', 'y'], preventOuterScroll: false, cssPrefix: 'scrollert', eventNamespace: 'scrollert', contentSelector: null });
6. Apply your own CSS styles to the custom scrollbar.
.scrollert { .. }
Change log:
2017-08-28
- Fixing scrollbar width
2017-01-25
- update
2016-11-02
- restyle
2016-09-19
- v0.9.6
This awesome jQuery plugin is developed by SyslogicNL. For more Advanced Usages, please check the demo page or visit the official website.