我在这里使用的是直接引入js,因为不是一个常规的vuejs项目。
better-scroll文档地址:http://ustbhuangyi.github.io/better-scroll/
<script src="https://unpkg.com/better-scroll/dist/bscroll.min.js"></script>
<script>
var bsScroll = new BScroll(wrapper, {
click: true,
scrollbar: true,
pullUpload: {
threshold: 10
},
bounce: false,
mouseWheel: {
speed: 20,
invert: false
},
useTransition: false
})
self.bsScroll = bsScroll
self.bsScroll.on('scrollStart', function(){
console.log('开始滚动')
})
self.bsScroll.on('scroll',function() {
console.log('asdsdsad')
})
self.bsScroll.on('scrollEnd', function(pos) {
//根据pos.y来对是否到达底部进行判断
if(到底底部,获取数据) {
self.bsScroll.refresh()
}
})
</script>