Angular 滚动条 angular-nice-bar

MIT
JavaScript
跨平台
2016-02-17
forsigner

【年终提升】2019尾声,来 OSC·年终盛典收割技术干货,get新技能!>>>

一个轻量级的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 */}
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Egghead.io AngularJS视频教程

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏...

2014/02/08 14:36
149
0
解决Angular CLI找不到模块"angular-devkit/build-angular"的问题

Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时,竟然报找不到模块"@angular-devkit/build-angular"的错误。 问题背景 执行...

2019/10/31 20:33
335
0
All About Angular 2.0

关于Angular 2.0

2015/03/06 14:51
151
0
给 Web 开发者的 25 款最有用的 AngularJS 工具

AngularJS 是一种新 JavaScript 框架,目的是降低要求,加快开发速度。AngularJS 是让 HTML 标记动态,使其对 web 开发者更有帮助,同时从大量的分段中给定一个标准结构,使开发速度更快更高...

2015/07/25 16:46
177
1
AngularJS 中文资料+工具+库+Demo 大搜集

AngularJS 中文资料+工具+库+Demo 大搜集

2013/12/28 16:11
195
0
AngularJs

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过

2015/07/10 16:49
33
0
[Angularjs] 第一步开始一个项目

[Angularjs] 第一步开始一个项目 一、什么是angularjs angularjs是2009年兴起的,目前由Google维护一个采用mvc模式的js框架,很多时候用来创建单页面应用。我也经常将其和phonegap一起来开发...

2014/10/12 12:21
44
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部