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

1,180 阅读1分钟

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

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

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

<scroll-view class="content-container" :scroll-y="true">
    ......内容
</scroll-view>

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

.content-container {
  height: 450rpx;
}

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

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