微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angular-nice-bar Install<a href="https://github.com/forsigner/angular-nice-bar#usage"></a>Usage Angular 滚动条

程序名称:angular-nice-bar Install<a href="https://github.com/forsigner/angular-nice-bar#usage"></a>Usage

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

angular-nice-bar Install<a href="https://github.com/forsigner/angular-nice-bar#usage"></a>Usage 介绍

一个轻量级的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']);
angular.module('app', ['foPopover']);


<div nice-bar nice-bar-delay="1000" nice-bar-theme="dark">  <!-- content here--></div>
<div id="container">  <!-- content here--></div>


angular.module('app', ['ngNiceBar'])
.controller('HomeCtrl', function($scope, niceBar) {  $timeout(function() {    niceBar.init(document.getElementById('container'));
  }, 10);
});

You can custom scrollbar style with CSS easily:

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

angular-nice-bar Install<a href="https://github.com/forsigner/angular-nice-bar#usage"></a>Usage 官网

https://github.com/forsigner/angular-nice-bar

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐