Swiper中文论坛

标题: 怎么实现手机端上下滑动还能左右切换！ [打印本页]

作者: wechat 时间: 2018-9-16 02:24
标题: 怎么实现手机端上下滑动还能左右切换！
怎么实现手机端上下滑动，还能点击按钮左右切换到指定页面

作者: 1486450630 时间: 2018-9-17 14:41
问的好

作者: sonnenlichtyy 时间: 2018-11-14 15:44
嵌套就可以实现

<div class="swiper-container swiper-container-v">
      <div class="swiper-wrapper">
         <div class="swiper-slide">Horizontal Slide 1</div>
         <div class="swiper-slide">
            <div class="swiper-container swiper-container-h">
                  <div class="swiper-wrapper">
                     <div class="swiper-slide">Vertical Slide 1</div>
                     <div class="swiper-slide">Vertical Slide 2</div>
                     <div class="swiper-slide">Vertical Slide 3</div>
                     <div class="swiper-slide">Vertical Slide 4</div>
                     <div class="swiper-slide">Vertical Slide 5</div>
                  </div>
                  
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
                  <div class="swiper-pagination swiper-pagination-h"></div>
            </div>
         </div>
         <div class="swiper-slide">Horizontal Slide 3</div>
         <div class="swiper-slide">Horizontal Slide 4</div>
      </div>
      
      <div class="swiper-pagination swiper-pagination-v"></div>
</div>

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)