滚动插件better-scroll

这几天学习vue看到一个不错的滚动插件 better-scroll 可以达到手机原生滚动的效果

安装命令：

npm install better-scroll -S

script加载地址：

注意滚动区域的结构要按照这种类型去写、内外共3层

滚动插件better-scroll

js中实例化：

let scroll = new BScroll('.wrapper',{ scrollY: true, click: true })

vue中引用：

import Bscroll from 'better-scroll'

mounted () {
this.scroll = new Bscroll(this.$refs.wrapper)
},

这里的this.$refs.wrapper是我在界面绑定的ref传入的element，实例化后可以达到原生滑动的效果。

滚动到目标元素的方法：

scrollToElement(element,500)