better-scroll滑动:(解决better-scroll手机模式下刷新才能滚动的问题在末尾,需要可自行下滑)
首先你要有个想显示的列表元素content,其次将列表放进一个展示的父容器中(wrapper)
这时你必须给父容器一个固定的高度,方便content将它撑起来,当然为了方便看到最后元素在父容器里,我给父容器加了一个背景色
1、安装better-scroll
npm install better-scroll --save
2、引入
import BScroll from ‘better-scroll’
3、将better-scroll挂载到实例上,做到以下这一步你可以发现谷歌运行pc模式下可以滑动元素了,but 手机模式下不行
划重点:在better-scroll初始化option中配置红色方框内高亮的两行代码即可解决疑惑已久的问题(better-scroll手机模式下刷新才能滚动的问题)
代码自取处:
new BScroll(document.querySelector('.wrapper'), {
mouseWheel: true,//开启鼠标滚轮
disableTouch: false
})