安装
npm install vuescroll --save
引入
import vuescroll from 'vuescroll'
import 'vuescroll/dist/vuescroll.css'
Vue.use(vuescroll)
使用
<vue-scroll :ops="ops">
<div>内容</div
</vue-scroll>
data () {
return {
ops: {
bar: {
hoverStyle: true,
onlyShowBarOnScroll: false, //是否只有滚动的时候才显示滚动条
showDelay: 0, // 在鼠标离开容器后多长时间隐藏滚动条。
keepShow: false, // 滚动条是否保持显示。
background: '#ccc' ,// 滚动条背景色。
"overflow-x": "hidden"
}
},
}
},
属性文档
https://vuescrolljs.yvescoding.org/zh/guide/configuration.html#vuescroll