收藏
回答

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

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


最后一次编辑于  2019-06-21
回答关注问题邀请回答
收藏

3 个回答

  • Yang
    Yang
    2019-11-05

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

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

    2019-11-05
    有用 3
    回复 4
    • 。
      2020-07-09
      老哥牛批!!!
      2020-07-09
      回复
    • 。
      2020-07-09
      但是时而生效时而不生效...
      2020-07-09
      回复
    • oldradio
      oldradio
      2020-12-24
      那么多答案,只有你最靠谱
      2020-12-24
      回复
    • 禾店科技
      禾店科技
      2021-05-12
      给你点个赞
      2021-05-12
      1
      回复
  • 禾店科技
    禾店科技
    2021-05-12

    问题不难,评论里就有答案了

    2021-05-12
    有用 1
    回复
  • 香蕉不是笨啦啦
    香蕉不是笨啦啦
    2019-06-21
    verticalbooleanfalse滑动方向是否为纵向1.0.0

    都不看文档的吗

    2019-06-21
    有用
    回复 5
    • 依依
      依依
      2019-06-21

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

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


      2019-06-21
      回复
    • A notorious liar(小花猫)
      A notorious liar(小花猫)
      2019-06-21回复依依

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


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

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

      2019-06-21
      回复
    • 依依
      依依
      2019-06-21回复A notorious liar(小花猫)

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

      2019-06-21
      回复
    • A notorious liar(小花猫)
      A notorious liar(小花猫)
      2019-06-21回复依依

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

      2019-06-21
      1
      回复
登录 后发表内容