父节点catch:touchmove后子节点无法正常滑动
发布于 6 年前 作者 rye 5200 次浏览 来自 问答
  • 当前 Bug 的表现(可附上截图)

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

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

  • 预期表现

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

  • 场景问题

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

  • 提供一个最简复现 Demo

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

1 回复

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

回到顶部