ngScrollbar 是 AngularJS 的扩展指令。
用于模拟浏览器的滚动条。不支持 IE9 以下的浏览器。对应的AngularJS版本是1.2.x。
以最简单的方式使用,没有复杂的配置,开箱即用。
例子:
<div style="height:300px;overflow:auto;" ng-scrollbar> <li ng-repeat="item in items">item</li> </div> <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 查看。