Angular-nice-bar
A nice and lightweight scrollbar in Angular.
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 */
}