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

Posted 2023-02-26

参考技术A

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

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

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

注意：使用竖向滚动时，需要给 <scroll-view> 一个固定高度，通过 css 设置 height。

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

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