[已解决]swiper 中使用scroll-view 事件冲突

时间：2019-05-03 来源：小程序工厂

问题模块框架类型问题类型 API/组件名称终端类型微信版本基础库版本
API和组件微信小程序 Bug scroll-view、swiper 客户端 6.7.3 2.3.0

- 当前 Bug 的表现（可附上截图）

- 预期表现
切换到下一个swiper-item

- 复现路径
列表中左右滑动

- 提供一个最简复现 Demo
https://developers.weixin.qq.com/s/IzxEWKmA7Q3L
代码片段
https://developers.weixin.qq.com/s/IzxEWKmA7Q3L

微信小程序开发问题解答

微信小程序开发者回答：

这两个结合起来我做过，是可以完美并存的

微信小程序开发者回答：

你好，我这边看了一下，可能是因为你的scroll-view属性里指定 scroll-x 造成的，应该设置为 scroll-y，我弄了一个简单的例子你参考一下。https://developers.weixin.qq.com/s/4NLDOLm27N3A

微信小程序开发者回答：

主要就是要使用自定义组件listView

微信小程序开发者回答：

我给你的例子可以参考一下，scroll-view跟swiper可以并存的。对于listView，如果你既要支持垂直滚动又希望swiper可以左右滑动的话，应该要把事件冒泡到swiper组件上哦。

这里touchend事件绑定也要用 capture-bind 而不是 capture-catch。

微信小程序开发者回答：

https://developers.weixin.qq.com/s/7TQn0LmW763z 这个我修改之后看起来是正常的

微信小程序开发者回答：

之前为了解决既要scroll-view上下滑动又要swiper左右滑动所以阻止了子组件end事件冒泡到父组件上，现在改成bind目测好用了。

微信小程序开发者回答：

看一下是否与这个问题一致哈：
swiper 与 scroll-view 组合使用的问题https://developers.weixin.qq.com/community/develop/doc/0008cee0f18160a927471e9cb56c00

微信小程序开发者回答：

不一样，我是的scroll-view为纵向滚动并且自定义touch事件，与swiper的左右滑动冲突，父子组件的事件冲突问题方式1：scroll-view使用bindtouch事件导致swiper左右滑动出问题方式2：scroll-view使用catchtouch事件就会导致scroll-view无法上下滚动

微信小程序开发者回答：

@官方

本文网址：http://www.91bianli.com/weixinxiaochengxu/33981.html

上一篇：微信小程序定制麻烦加快下审核，谢谢

下一篇：[已解决]新版上线之后的正式版打开显示一片空白