1.0.11 • Published 9 years ago

nice-bar v1.0.11

Weekly downloads
124
License
MIT
Repository
github
Last release
9 years ago

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

1.0.11

9 years ago

1.0.10

10 years ago

1.0.8

10 years ago

1.0.7

10 years ago

1.0.6

10 years ago

1.0.5

10 years ago

1.0.4

10 years ago

1.0.3

10 years ago

1.0.2

10 years ago

1.0.1

10 years ago

1.0.0

10 years ago