推荐一款基于vue的滚动条插件vuescroll

6,571 阅读1分钟

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