Customizable jQuery Browser Scrollbar Plugin - Scroller

Customizable jQuery Browser Scrollbar Plugin - Scroller
File Size: 20.1 KB
Views Total: 2003
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:

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.