基于better-scroll
滚动指令
npm install v-scroll --save
import Vue from 'vue'
import vscroll from 'v-scroll'
Vue.use(vscroll)
<div id="app" v-scroll>
<div id="inner">
//.....
</div>
</div>
- method: 指令创建时的钩子函数
- opts: 选项对象
<div id="app" v-scroll="{method:appScroll, opts:appScrollOpts ">
<div id="inner">
</div>
</div>
new Vue({
data(){
return {
//这里设置选项对象
appScrollOpts: {
click: true,
probeType: 3
}
}
},
methods: {
appScroll(scroll){
//滚动对象实例
console.log(scroll)
}
}
}).$mount("#app")
选项对象参见这里