前几天在开发注册功能时,需要弹一个显示注册协议的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可以呢?
我暂时没有想到原因,欢迎知道原因的友友留言解答,谢谢!!!