Angular 滚动条 angular-nice-bar
- 授权协议: MIT
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: https://github.com/forsigner/angular-nice-bar
- 软件文档: https://github.com/forsigner/angular-nice-bar
软件介绍
一个轻量级的Angular scrollbar.
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', ['foPopover']);<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 */}
