1.0.11 • Published 8 years ago
nice-bar v1.0.11
nice-bar
A nice and lightweight scrollbar.
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