更好的滚动(Better-scroll):
BetterScroll 是一个插件,旨在解决移动端(已支持 PC)的滚动情况。核心灵感来自iscroll的实现 (打开新窗口),所以 BetterScroll 的 API 总体上兼容 iscroll。更重要的是,BetterScroll 还扩展了一些功能,并基于 iscroll 进行了性能优化
Better-scroll是什么(官方)
安装
npm i better-scroll -s
使用
import BetterScroll from 'better-scroll'
let bs = new BetterScroll('.wrapper', {
movable: true,
zoom: true
})
详细配置
在Vue中使用better-scroll
问题解决
页面无法滚动
better-scroll不生效原因
问题:高度或宽度如果没有问题,估计内部计算错误。可以在组件加载完之后进行再次重新计算高度或宽度。
updated () {
//重新计算高度
this.scroll.refresh();
//当数据加载完毕以后通知better-scroll
this.scroll.finishPullUp();
}