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 */}

本文地址：https://codercto.com/soft/d/1483.html