2***@qq.com
2***@qq.com
  • 发布:2021-12-04 17:58
  • 更新:2021-12-09 18:40
  • 阅读:1068

【报Bug】uni-popup组件中使用scroll-view组件时bug

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 3.2.16.20211122

HBuilderX类型: 正式

HBuilderX版本号: 3.2.16

手机系统: Android

手机系统版本号: Android 10

手机厂商: vivo

手机机型: V1914A

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

1,使用uni-popup组件,2,uni-popup组件内使用scroll-view,
触发条件,下层页面有内容可供滑动,scroll-view内有内容可供滑动

预期结果:

scroll-view滑动到底部后拖动其继续向上滑动不会影响下层页面

实际结果:

scroll-view滑动到底部后拖动其继续向上滑动时会发生滚动穿透

bug描述:

在uni-popup组件中使用scroll-view组件时scroll-view组件内内容滑动到最底部后拖动其继续向上滑动时会发生滚动穿透,该滚动优先级极高,导致@touchmove.stop.prevent和 touch-action: none;均失效,bug出现有app,微信H5,手机有vivo手机,小米手机,其他没测试,应该安卓系统都有次bug,ios和ios微信H5未发现

2021-12-04 17:58 负责人:DCloud_UNI_HT 分享
已邀请:
小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

代码没问题么?

小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

能否吧相关代码贴一下

小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

还有,您这个是nvue页面还是vue页面

小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

https://uniapp.dcloud.io/component/uniui/uni-popup 参考注意事项第四行

DCloud_UNI_HT

DCloud_UNI_HT

这是正常现象,现在还没有什么好的方法阻止下层元素的滚动,这是弹出类元素比较常见的一个问题
各平台可以通过下面的方法临时解决:

  1. h5 传统方法即可

  2. wx、app 可以使用 page-meta 组件阻止滚动穿透,不过限制比较大

  3. 其他平台无法阻止滚动穿透,建议使用 scroll-view 滚动 ,手动设置 overflow:hidden 来阻止滚动

该问题目前已经被锁定, 无法添加新回复