D_Three
D_Three
  • 发布:2019-10-18 10:10
  • 更新:2020-07-17 15:57
  • 阅读:2264

【报Bug】ios scroll-view滑动冲突,在超出一屏高度的界面中,引入一个满屏高度的scroll-view

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

在超出一屏高度的界面中,引入一个满屏高度的scroll-view,当你想让整体页面滑动时,如果你的触摸区是在scroll-view区域,ios端会大概率出现它无法触发页面本身的滑动,实际上是scroll-view的滑动事件拦截了事件的冒泡

重现步骤

[步骤]

  1. 使用一个高度为宽度为100%,高度为半屏高度的view+宽度为100%,高度为满屏高度的scroll-view组件运行垂直方向上的滑动,并使得数据溢出不止一页,
  2. 使用ios端运行
  3. 在scroll-view区域滑动,

[结果]

大概率无法将整个scroll-view区域显示在屏幕上,实际上触发到整体页面的onpagescroll的时候,是可以将整个scorll-view区域完整的显示出来的

[期望]

在scroll-view区域滑动,当滑到相对靠下的位置时,滑动事件可以向上冒泡

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]

HBuilderX 2.3.3.20190923

[windows版本号]

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]
所有iphone机型
[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ] 384757606

2019-10-18 10:10 负责人:无 分享
已邀请:
r***@qq.com

r***@qq.com

遇到了相似的问题,顶一下

风云再起木木

风云再起木木

我也是 数据每超出 scroll 的高度 可以整体左滑 超过 会影响外层

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