收藏
回答

父节点catch:touchmove后子节点无法正常滑动

框架类型 问题类型 终端类型 微信版本 基础库版本
小程序 Bug 客户端 7.0.0 2.6.5

- 当前 Bug 的表现(可附上截图)

父节点catch:touchmove之后,子节点overflow:scroll有进度条却不能滑动。父节点去掉catch:touchmove,子节点滑动正常。  

如图:有进度条,但是无法滑动


- 预期表现

父节点在冒泡阶段catch,应该不影响子节点表现。子节点应该可以正常滑动


- 场景问题

利用swiper当页面容器时,利用catch:touchmove阻止用户左右切换后,swiper内的内容都无法正常滑动,因为父节点swiper的catch操作。


- 提供一个最简复现 Demo

https://developers.weixin.qq.com/s/Q2tHdImr7G7i

回答关注问题邀请回答
收藏

1 个回答

  • LastLeaf
    LastLeaf
    2019-04-18

    小程序的 overflow:scroll 和一些组件特性有冲突。请考虑使用 scroll-view 组件代替 overflow:scroll 。

    2019-04-18
    有用
    回复 1
    • Theresa
      Theresa
      2023-10-24
      父元素使用了catch事件影响子元素的滑动,比如textarea等都无法滑动看填写内容了
      2023-10-24
      回复
登录 后发表内容