vue-happy-scroll 使用及注意

Posted 2021-02-01 sunziyu

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遍历出来的数据，需要在数据外面套一个盒子，如果没有外层没有盒子，滚动条会以一条数据的高度来显示。