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

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

About

A nice and lightweight scrollbar in Angular.

Resources

License

You can’t perform that action at this time.