1. 程式人生 > >vue-happy-scroll 使用及註意

vue-happy-scroll 使用及註意

for 橫向滾動 resize left 頂部 顏色 滾動 v-for vue

vue-happy-scroll是一款基於vue2.0的滾動條插件

屬性:

color: 滾動條顏色,類型String

size: 滾動條大小

min-length-h: 橫向滾動條最小長度

min-length-v: 豎向滾動條最小長度

scroll-top:距離容器頂部距離

scroll-left: 距離容器左側距離

hide-vertical: 隱藏豎向滾動條

hide-horizontal:隱藏橫向滾動條

resize:監聽容器大小

left: top : 滾動條位置

註意事項:happy-scroll 標簽裏面一般包裹著v-for遍歷出來的數據,需要在數據外面套一個盒子,如果沒有外層沒有盒子,滾動條會以一條數據的高度來顯示。

vue-happy-scroll 使用及註意