uni-app踩坑:微信小程序中view设置overflow:

2021-03-09  本文已影响0人  追梦_life

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

上一篇下一篇

猜你喜欢

热点阅读