ngScrollbar 是 AngularJS 的扩展指令。
用于模拟浏览器的滚动条。不支持 IE9 以下的浏览器。对应的AngularJS版本是1.2.x。
以最简单的方式使用,没有复杂的配置,开箱即用。
例子:
<
div
style
=
"height:300px;overflow:auto;"
ng-scrollbar>
<
li
ng-repeat
=
"item in items"
>item</
li
>
</
div
>
|
1
2
3
|
<
div
style
=
"height:300px;overflow:auto;"
ng-scrollbar
scrollbar-x
=
"false"
scrollbar-y
=
"true"
scrollbar-config
=
"{show:true, autoResize: true, dragSpeed: 1.2}"
>
<
li
ng-repeat
=
"item in items"
>item</
li
>
</
div
>
|
demon截图
demon2截图
如果要看详细的例子,请直接到github上克隆源码,然后运行bower install 查看。
http://www.oschina.net/p/ngscrollbar