wechat 发表于 2018-9-16 02:24:24

怎么实现手机端上下滑动还能左右切换！

怎么实现手机端上下滑动，还能点击按钮左右切换到指定页面

1486450630 发表于 2018-9-17 14:41:17

问的好:lol

sonnenlichtyy 发表于 2018-11-14 15:44:29

嵌套就可以实现
    <!-- Swiper -->
    <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>
                  <!-- Add Arrows -->
                  <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>
      <!-- Add Pagination -->
      <div class="swiper-pagination swiper-pagination-v"></div>
    </div>
页: [1]
查看完整版本: 怎么实现手机端上下滑动还能左右切换！