前几天在开发注册功能时，需要弹一个显示注册协议的Modal，由于协议文字很长，需要用户手动滑动查看。
于是理所当然地使用一个view元素包裹协议内容，然后设置height，并设置overflow-y: auto，这样设置后在微信开发工具上使用鼠标滚轮滑动ok，但是过两天在真机上测试，what???，无论我手指怎么滑都滑不动。
经过一通仔细(胡乱)调试，最终使用scroll-view解决了这个问题。
<scroll-view class="content-container" :scroll-y="true">
......内容
</scroll-view>
注意：使用竖向滚动时，需要给 <scroll-view> 一个固定高度，通过 css 设置 height。
.content-container {
height: 450rpx;
}
关于scroll-view的更多介绍，请移步https://uniapp.dcloud.io/component/scroll-view
在这里有一个疑问：为什么设置overflow: auto无法手势滑动，而scroll-view可以呢？
我暂时没有想到原因，欢迎知道原因的友友留言解答，谢谢！！！
网友评论