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

前几天在开发注册功能时，需要d一个显示注册协议的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可以呢？

我暂时没有想到原因，欢迎知道原因的友友留言解答，谢谢！！！

第一种：小程序d出层不滚动的时候，往上下拉时会连页面一起拉动，这个用户体验性很差的。

解决方案：在wxml中，增加catchtouchmove=true，就ok了～

第二种：小程序d出层滚动的时候，加catchtouchmove没效果

解决方案：利用scroll-view和page的overflow:hidden组合使用

d出层的时候，isShowPicker为false，就是禁止scroll-view滚动。关闭d出层，isShowPicker为true，就能正常滚动。