Custom Browser Scrollbar Replacement Plugin For jQuery - scrollator

File Size: 42.5 KB
Views Total: 6539
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Custom Browser Scrollbar Replacement Plugin For jQuery - scrollator

Scrollator is a jQuery plugin used to replace the default browser scrollbar with an CSS3 animated & highly customizable one. The plugin also allows you to turn an DIV element into a scrollable area with a custom scrollbar.

Basic Usage:

1. Add the jQuery javascript library together with fm.scrollator.jquery.js and fm.scrollator.jquery.css to your page's head section.

<link rel="stylesheet" href="fm.scrollator.jquery.css">
<script src=""></script>
<script src="fm.scrollator.jquery.js"></script>

2. Initialize the plugin to replace the browser's scrollbar.

$(function () {
var $document_body = $('body');

3. Initialize the plugin to add a custom scrollbar to a scrollable DIV.

$(function () {

Change logs:


  • Scrollator wil check and reposition at regular intervals


  • v1.6


  • Fixed small pageup/down bug


  • Fixed small pageup/down bug
  • Color changed to work better with dark designs


  • Fixed scroll issue with mac (again)


  • Small code fixes


  • Now hides scrollator if content has less height than the holder

This awesome jQuery plugin is developed by QODIO. For more Advanced Usages, please check the demo page or visit the official website.