公告列表
公告列表
收藏
回答

如何只禁用swiper组件的左右滑动功能，而不禁用上下滑动？

页面功能：页面用到了swiper滑块，且存在多个swiper-item。

描述：通过按钮点击切换swiper，不使用左右滑动切换。

问题：

在使用catchtouchmove将滑动功能禁止后，发现页面内容超过一屏后，页面无法进行上下滑动查看超出内容。

有没有什么方法可以只禁用swiper的左右滑动，而不禁止它的上下滑动。求教。

回答关注问题邀请回答
收藏

1 个回答

  • ＂
    ＂
    2019-09-20

    试试 scroll-view   catchtouchmove 放在 swiper-item 里


    2019-09-20
    有用
    回复 8
    • Tanch
      Tanch
      2019-09-20
      <swiper current="{{currentTab}}" style="height:100%;" bindchange="bindChange">
        <view wx:for="{{swiperList}}" wx:key="index">
          <swiper-item catchtouchmove="forbidMove" style="height:100%;display:flex;">
            <scroll-view scroll-y="true" style="height:100%;">

      都试过了，没有用，难道是我写法有问题吗，上面是我的页面结构

      2019-09-20
      赞
      回复
    • ＂
      ＂
      2019-09-20回复Tanch


      不是可以直接用纵向滑动的吗

      <swiper current="{{currentTab}}" style="height:100%;" bindchange="bindChange" vertical='true' >

          <swiper-item wx:for="{{swiperList}}" wx:key="index"catchtouchmove="forbidMove">

            <scroll-view scroll-y="true" style="height:100%;">


      2019-09-20
      赞
      回复
    • Tanch
      Tanch
      2019-09-20
      可是这样设置的话动画也变成了纵向的效果，纵向滑动只想查看超出当前屏幕的内容，swiper-item切换的动画还是想用左右的那种效果
      2019-09-20
      赞
      回复
    • ＂
      ＂
      2019-09-20回复Tanch

      https://developers.weixin.qq.com/s/saegywmP7ybG   你改一改就可以用了

      2019-09-20
      赞
      回复
    • Tanch
      Tanch
      2019-09-20回复＂
      谢谢！
      2019-09-20
      赞
      回复
    查看更多(3)
请 登录 后发表内容
相关文档
问题标签
TOUCH按钮点击swiper-itemswiper滑动页面