swiper 中使用scroll-view 事件冲突

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

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

    

- 预期表现

    切换到下一个swiper-item

    

- 复现路径

    列表中左右滑动


- 提供一个最简复现 Demo

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

最后一次编辑于  2018-11-07  (未经腾讯允许,不得转载)
收藏 0评论 0
关注问题写回答

4 个回答

  • CC

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

    赞同 0没有帮助
    评论 0
    复制
    2018-11-09
  • Eric HuangEric Huang

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

    赞同 0没有帮助
    评论 4
    复制
    2018-11-08
    • 啊 五彩斑斓的黑啊 五彩斑斓的黑

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

      赞同 0没有帮助
      回复
      复制
      2018-11-08
    • Eric HuangEric Huang
      回复啊 五彩斑斓的黑

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

      <view class='listView_box custom-class' capture-bind:touchstart='touchStart' capture-bind:touchmove='touchMove' capture-bind:touchend='touchEnd'>


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

      赞同 1没有帮助
      回复
      复制
      2018-11-08
    • Eric HuangEric Huang
      回复啊 五彩斑斓的黑

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

      赞同 0没有帮助
      回复
      复制
      2018-11-08
    • 展示更多
    评论
  • nicknamenickname

    看一下是否与这个问题一致哈:

    swiper 与 scroll-view 组合使用的问题
    https://developers.weixin.qq.com/community/develop/doc/0008cee0f18160a927471e9cb56c00


    赞同 0没有帮助
    评论 2
    复制
    2018-11-07
    • 啊 五彩斑斓的黑啊 五彩斑斓的黑

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

      赞同 0没有帮助
      回复
      复制
      2018-11-08
    • 輝

      这个问题有解决方法吗?我也遇到同样的问题。swiper里面嵌套scroll-view  ,scroll-view的scroll事件有时生效有时失效。

      赞同 0没有帮助
      回复
      复制
      2018-12-02
    评论
  • 啊 五彩斑斓的黑啊 五彩斑斓的黑

    @官方

    赞同 0没有帮助
    评论 0
    复制
    2018-11-07