Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

nice-bar Build Status NPM Version

A nice and lightweight scrollbar.

Demo

demo

Features

  • Cross browser
  • Lightweight
  • Nice looking
  • Customize
  • No jQuery dependency

Install

bower

$ bower install nice-bar --save

npm

$ npm install nice-bar --save

Usage

<link rel="stylesheet" href="bower_components/nice-bar/dist/css/nice-bar.min.css" />
<script src="bower_components/nice-bar/dist/js/nice-bar.js"></script>

<style>
  .container {
    height: 500px; /* height is the only css property required */
    /* height: 100%; work also*/
  }
</style>

<div id="container" class="container">
  <!--content-->
</div>
niceBar.init(document.getElementById('#container'));

// set theme
niceBar.init(document.getElementById('#container'), {theme: 'dark'});

Custom theme

You can custom scrollbar style with CSS easily:

.nice-bar .nice-bar-slider-y {
  background: #222;
  /* whatever */
}

Browser compatibility

  • IE8+
  • Firefox
  • Chrome
  • Safari
  • Opera

License

MIT

About

A nice and lightweight scrollbar.

Resources

You can’t perform that action at this time.