在用angular1.x作为项目的前台开发框架时，无法避免的会遇到需要在项目里使用第三方插件的情况（比如用来绘制表格或统计图），有时候插件的功能并不能满足我们的需要（比如绘制表格和绘图插件不包含滚动条，而表格或图形的数据比较多，我们希望用滚动条的方式来展示），需要我们自己来扩展，下面就用一个自定义滚动条插件来抛砖引玉。

首先说明一下应用场景：

页面有一个固定区域（高度和宽度固定，除窗口大小发生变化的情况外相对父元素的位置不变）需要展示一个表格，由于展示区域的位置和大小固定，因此可展示的信息数量也是固定的，但实际上需要展示的信息数量是可变的，有可能超出表格可展示的固定信息数量，而表格本身并不支持滚动条（这里假定表格使用的是第三方插件，不支持滚动条），所以我们需要自己定义一个滚动条来让用户可以控制插件展示哪一部分信息。

接下来看一下滚动条效果：

奈斯