项目使用vue+vant,使用了一个弹出层popup,在弹出层里使用了overflow-y: auto 使页面可以滚动,在pc上滚动正常,但在移动端无法使用手势滚动,找了很久css、js相关问题,均未找到问题所在,最后发现问题出在vant的popup组件的设计上
vant的popup组件,有一个lock-scroll属性,默认是true,也就是默认情况会锁定滚动。
<van-popup v-model="show" :lock-scroll="false" />
这样它内部的dom就可以滚动了。
解决这个问题的过程很艰难,是因为pc端是好的,移动端不好,然后就以为自己css写的不对,互相之间有什么影响,路走偏了。