大家好,我给大家推荐一款我自己写的基于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