Customizable jQuery Browser Scrollbar Plugin - Scroller
File Size: | 20.1 KB |
---|---|
Views Total: | 2048 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
Scroller is a simple and customizable jQuery plugin for creating custom vertical or horizontal browser scrollbars that retain a native feel. The scrollbar can be styled using basic CSS and will fall back to the standard browser chrome if JavaScript is disabled. It also supports Manually scrolling an instance to a specific pixel value or selector.
See also:
- jQuery Plugin For Custom Scrollbar - scrollbox
- Tiny jQuery Plugin For Beautifying Scrollbar - perfect-scrollbar
- jQuery Custom Scrollbar Plugin - malihu
- Responsive Browser Scrollbar Replacement Plugin - ClassyScroll
- Facebook-like jQuery Scrollbar Plugin - slimScroll
- nanoScroller - Mac OS X Lion-Styled Scrollbars
- jQuery Custom Scrollbar Plugin with jQuery UI - acescroll
- Highly Customizable and Cross Browser Scrollbar Plugin With jQuery
- Customizable and Touch-Enabled jQuery Scrollbar Plugin - Custom Scrollbar
How to use it:
1. Include jQuery library and jQuery Scroller plugin on the page
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="jquery.fs.scroller.min.js"></script>
2. Include required css file to style the plugin
<link href="jquery.fs.scroller.css" rel="stylesheet" type="text/css">
3. Markup html structure
<div class="scrollbar"> ... </div>
4. Call the plugin with options
$(".scrollbar").scroller({ customClass: "advanced", // Class added to Scroller element duration: 0, // Scroll animation length trackMargin: 15, // Track and handle offset handleSize: 40, // Set fixed track handle size horizontal: false // Initialize a horizontal scroll area });
Change logs:
v3.1.2 (2014-12-09)
- Fixing issue with classes
v3.1.0 (2014-10-28)
- Large rewrite;
- Moved classes and events to central objects;
- Spliting LESS config and styles for easier integration;
- Adding variables for customization
v3.0.4 (2014-03-27)
- Updating version after scroll duration fix;
v3.0.3 (2014-03-27)
- Adding touch support!
v3.0.2 (2014-02-24)
- Fixed issue with replacing content;
v3.0.1 (2014-02-23)
- Fixing npm resources and recompiling;
This awesome jQuery plugin is developed by Formstone. For more Advanced Usages, please check the demo page or visit the official website.