A nice and lightweight scrollbar in Angular.
JavaScript CSS
Switch branches/tags
Clone or download
Latest commit 5a5b9a2 May 10, 2016
Permalink
Failed to load latest commit information.
dist support dark theme Feb 17, 2016
src support dark theme Feb 17, 2016
.esformatter add .esformatter Feb 16, 2016
.eslintrc add .eslintrc Feb 16, 2016
.gitignore update .gitignore Feb 16, 2016
LICENSE rm no use line Feb 16, 2016
README.md Update README.md Feb 23, 2016
bower.json add css to main file May 1, 2016
gulpfile.js genearte min version Feb 16, 2016
package.json v1.0.3 Feb 17, 2016

README.md

Angular-nice-bar

A nice and lightweight scrollbar in Angular.

Demo

Demo

Install

bower install angular-nice-bar --save

Usage

<link rel="stylesheet" href="bower_components/angular-nice-bar/dist/css/angular-nice-bar.css" />

<script src="bower_components/angular-nice-bar/dist/js/angular-nice-bar.js"></script>
angular.module('app', ['ngNiceBar']);

As a directive

angular.module('app', ['ngNiceBar']);
<div nice-bar nice-bar-delay="1000" nice-bar-theme="dark">
  <!-- content here-->
</div>

As a service

<div id="container">
  <!-- content here-->
</div>
angular.module('app', ['ngNiceBar'])
.controller('HomeCtrl', function($scope, niceBar) {
  $timeout(function() {
    niceBar.init(document.getElementById('container'));
  }, 10);
});

Custom theme

You can custom scrollbar style with CSS easily:

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

License

MIT