uni-app踩坑:微信小程序中view设置overflow: auto无法手势滑动

前几天在开发注册功能时,需要弹一个显示注册协议的Modal,由于协议文字很长,需要用户手动滑动查看。

于是理所当然地使用一个view元素包裹协议内容,然后设置height,并设置overflow-y: auto,这样设置后在微信开发工具上使用鼠标滚轮滑动ok,但是过两天在真机上测试,what???,无论我手指怎么滑都滑不动。

经过一通仔细(胡乱)调试,最终使用scroll-view解决了这个问题。


    ......内容

注意:使用竖向滚动时,需要给 一个固定高度,通过 css 设置 height。

.content-container {
  height: 450rpx;
}

关于scroll-view的更多介绍,请移步https://uniapp.dcloud.io/component/scroll-view

在这里有一个疑问:为什么设置overflow: auto无法手势滑动,而scroll-view可以呢?
我暂时没有想到原因,欢迎知道原因的友友留言解答,谢谢!!!

你可能感兴趣的:(uni-app踩坑:微信小程序中view设置overflow: auto无法手势滑动)