大家好,我给大家推荐一款我自己写的基于vue的滚动条插件vuescroll,基于的是vue.js2.0.首先上效果截图如下:

滚动条配置如下:
| option | defaultValue | description |
|---|---|---|
| ops | {vBar:{},hBar:{}} |
vBar(垂直滚动条) and hBar(水平滚动条) 的配置 |
| scrollContentStyle | {} |
scrollContent(滚动条包裹的内容)的样式的配置,例如: {height:'100%'} |
| accuracy | 5 |
精度,即如果滚动面板和滚动条内容相差的像素在这个范围内的话,滚动条不会显示。 |
| keepVbarShow/keepHbarShow | false/false |
是否保持垂直/水平滚动条显示. |
vBar/hBar 配置:
| vBar/hBar | defaultValue | description |
|---|---|---|
| background | hsla(220,4%,58%,.3) |
滚动条背景颜色 |
| width | 5px |
滚动条宽度 |
| pos | left(vBar)/bottom/(hBar) |
滚动条位置 |
| deltaY/deltaX | 35 |
每次滚动条滚动的距离。 |
vuescroll 的事件:
| event | params | description |
|---|---|---|
| vscroll/hscroll | bar,content |
bar指的是滚动条的相关信息,content是滚动的内容的详情信息. |
麻烦各位看官看完觉得好用给个star~,具体详细介绍在github文档里,项目地址如下: vuescroll