关于better-scroll的使用注意事项
1. 动态加载数据需要刷新滚动区域
this.$nextTick(() => {
this.betterScroll.refresh()
})
2. 滚动区域上的事件, 需要在注册滚动的时候, 添加 click: true
mounted() {
this.betterScroll = new BetterScroll('#scrollWrapper', {
click: true
})
},
3. 默认 Y轴 滚动,需要x轴滚动, 添加 scrollX: true
4. 上拉加载功能, 注册时需要申明, pullUpLoad: 可以为true 或者如下, 滚动触发距离
this.betterScroll2 = new BetterScroll('#scrollContainer2', {
pullUpLoad: {
threshold: 50
}
})
5. 滚动加载完成需要调用 一下方法 , 告诉实例, 已经加载完成了
this.betterScroll2.finishPullUp()
本想把生活活成一首诗, 时而优雅 , 时而豪放 , 结果活成了一首歌 , 时而不靠谱 , 时而不着调