Question

swiper 上下滑动嵌套左右滑动

swiper嵌套使用怎么调用 比如我swiper里有上下滑动三张幻灯片 在第二张幻灯片里又嵌套一个左右滑动的，可以实现吗？或者其他办法也可以

Answer 1

可以的，看你用的是什么插件了，用法和你上下滑动的三张幻灯片一样就行，谈老好给他含兄加个ID，在JS调用那含铅里，也加一下，就可以了。

Answer 2

可以实现，只要在设置里设置手势就行了

Answer 3

不知道你用的是哪个版本的Swiper。这个是Swiper3.x的写法，2.x版本的可以参考下Swiper中文网上的示例

html

<!-- Swiper -->    
   <div class="swiper-container swiper-container-v">    
       <div class="swiper-wrapper">    
           <div class="swiper-slide">Vertical Slide 1</div>    
           <div class="swiper-slide">
               <div class="swiper-container swiper-container-h">    
                   <div class="swiper-wrapper">    
                      仔脊 <div class="swiper-slide">Horizontal Slide  1</div>    
                      念旦渗 <div class="swiper-slide">Horizontal Slide  2</div>    
                       <div class="swiper-slide">Horizontal Slide  3</div>    
                       <div class="swiper-slide">Horizontal Slide  4</div>    
                       <div class="swiper-slide">Horizontal Slide  5</div>    
                   </div> 迟答   
                   <div class="swiper-pagination swiper-pagination-h"></div>    
               </div>    
           </div>    
           <div class="swiper-slide">Vertical Slide 3</div>     
       </div>    
       <!-- Add Pagination -->    
       <div class="swiper-pagination swiper-pagination-v"></div>    
   </div>

js

<script>    
   var swiperV = new Swiper('.swiper-container-v', {    
       pagination: '.swiper-pagination-v',    
       paginationClickable: true,    
       direction: 'vertical',    
       spaceBetween: 50    
   });  
   var swiperH = new Swiper('.swiper-container-h', {    
       pagination: '.swiper-pagination-h',    
       paginationClickable: true,    
       spaceBetween: 50    
   });    
  
   </script>

不谢