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 () {
    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