收藏
回答

<swiper-item>禁止左右滑动,但上下可滑动怎么实现

是禁止手动左右滑动,点击仍是左右切换,但每个<swiper-item>可以仍可以上下滑动


最后一次编辑于  06-21  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • Yang
    Yang
    11-05

    我也碰到了这个问题,现在解决了。

    在<swiper-item>上设置catch:touchmove拦截,然后在其中嵌套使用<scroll-view>,此时左右滑动和scroll-view中的上下滑动都是不行的,需要设置<swiper>的高度,然后swiper-item 与 scroll-view及其中间的view都需要设置高度为100%,即可完成禁止左右滑动,允许内容上下滑动的效果。

    11-05
    赞同
    回复
  • 香蕉不是笨啦啦
    香蕉不是笨啦啦
    06-21
    verticalbooleanfalse滑动方向是否为纵向1.0.0

    都不看文档的吗

    06-21
    赞同
    回复 5
    • 依依
      依依
      06-21

      是禁止手动左右滑动,点击仍是左右切换,但每个

      <swiper-item>可以仍可以上下滑动


      06-21
      回复
    • A notorious liar
      A notorious liar
      06-21回复依依

      你这个是在苹果端出现这个问题的吧


      06-21
      回复
    • 香蕉不是笨啦啦
      香蕉不是笨啦啦
      06-21回复依依

      你想让swiper-item内的元素滚动就用scoll-view呗

      06-21
      回复
    • 依依
      依依
      06-21回复A notorious liar

      是安卓手机,就是手动滑动几次会出现左右抖动的现象,所以想禁止手动左右滑动

      06-21
      回复
    • A notorious liar
      A notorious liar
      06-21回复依依

      这个很简单。定位的问题。你先设置一个父容器。position:fixed;然后把swiper-item放进去。但是要设置他的position:absolute;你试试。我之前也遇到了。我是这页处理的。

      06-21
      回复