收藏
回答

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

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

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

问题:

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

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

最后一次编辑于  09-20
回答关注问题邀请回答
收藏

1 个回答

  • "
    09-20

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


    09-20
    赞同
    回复 5
    • 默
      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%;">

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

      09-20
      回复
    • "
      09-20回复


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

      <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%;">


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

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

      09-20
      回复
    • 默
      09-20回复
      谢谢!
      09-20
      回复
问题标签