大家好，我給大家推薦一款我自己寫的基於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