vue项目vue-scroll的使用
安装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 () {
·
安装
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
更多推荐
已为社区贡献3条内容
所有评论(0)