https://github.com/myterminal/fluxionscrollbar

A simple plug-and-play JavaScript scrollbar
https://github.com/myterminal/fluxionscrollbar

html5 scrollbar

Last synced: 2 months ago
JSON representation

A simple plug-and-play JavaScript scrollbar

• Host: GitHub
• URL: https://github.com/myterminal/fluxionscrollbar
• Owner: myTerminal
• License: gpl-3.0
• Created: 2014-07-13T07:12:09.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2022-08-03T22:52:32.000Z (almost 4 years ago)
• Last Synced: 2025-01-17T05:29:42.528Z (over 1 year ago)
• Topics: html5, scrollbar
• Language: JavaScript
• Size: 99.6 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# fluxionScrollbar

[![Build Status](https://travis-ci.org/myTerminal/fluxionScrollbar.svg?branch=master)](https://travis-ci.org/myTerminal/fluxionScrollbar)

[![Code Climate](https://codeclimate.com/github/myTerminal/fluxionScrollbar.png)](https://codeclimate.com/github/myTerminal/fluxionScrollbar)

[![Coverage Status](https://img.shields.io/coveralls/myTerminal/fluxionScrollbar.svg)](https://coveralls.io/r/myTerminal/fluxionScrollbar?branch=master)  

[![Built with Grunt](https://cdn.gruntjs.com/builtwith.png)](http://gruntjs.com/)

[![License](https://img.shields.io/badge/LICENSE-GPL%20v3.0-blue.svg)](https://www.gnu.org/licenses/gpl.html)

A simple plug-and-play JavaScript scrollbar

> **Note**: fluxionScrollbar is obsolete and no longer updated, see [faded-scrollbar](https://github.com/myTerminal/faded-scrollbar)

## How to use

*fluxionScrollbar* is an easy to use jQuery scrollbar plugin that requires minimal effort to set up on a web-page. Below are simple steps that you need to do to get it working:

1. Include the stylesheet *fluxionScrollbar.css* and the script *fluxionScrollbar.min.js* in the target page along with the required dependencies like jQuery, jQuery-easing, and jQuery-mousewheel.

2. Set the dimensions (especially the height) of the element on which you want the scrollbar to appear.

3. Create an instance of `fluxionScrollbar` with the selector of your desired container.

		var myScrollbar = new fluxionScrollbar(".myContent");

4. Activate the scrollbar with method `activate` on the scrollbar instance.

		myScrollbar.activate();

That is all!