angular-nice-bar 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
angular-nice-bar 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: MIT
开发语言: JavaScript 查看源码 »
操作系统: 跨平台
收录时间: 2016-02-17
提 交 者: forsigner

一个轻量级的 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 */}
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

angular-nice-bar 的相关资讯

还没有任何资讯

angular-nice-bar 的相关博客

[Angular] Use Angular components in AngularJS applications with Angular Elements

When migrating AngularJS (v1.x) applications to Angular you have different options. Using Angular Elements is one of ...

升级 AngularJS 至 Angular

Victor Savkin 大神撰写了一系列文章详细介绍如何升级 AngularJS 应用: NgUpgrade in Depth Upgrade Shell Two Approaches ...

[Angular] Angular Elements Intro

Make sure install the latest Angular v6 with Angular CLI. Checkout ght Github for the code. 1. Create a new applicati...

AngularJS VS Angular(转)

---恢复内容开始--- 原文链接:https://zhuanlan.zhihu.com/p/27696268 这篇是在知乎上看到的, 原文链接附上。觉得很不错, ...

Angular

AngularJS是用JS写的客户端 MVC 框架,它运行在浏览器中,并极大的帮助我们书写现代的、单页的、AJAX风格的web App。这是一个...

Angular

1、<div ng-controller="InvoiceCntl"> </div> function InvoiceCntl($scope) <input type="number" ng-model="cost" requir...

AngularJS初探--AngularJS Essentials

AngularJS初探-- Essentials

AngularJS参数绑定 --AngularJS

AngularJS参数绑定有三种方式。第一种插值表达式“{{}}”表示,第二种在标签中使用ng-bind属性表示,第三种针对input框(...

[Angular] Angular CDK Intro

1. Installl latest @angular/cli: sudo npm i -g @angular/cli@next The version I used is:6.0.0-rc.10 2. Create a new ap...

angular-nice-bar 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
5 收藏
分享
返回顶部
顶部