请问swiper可以嵌套吗

wuym

就是每个.swiper-slider里面套一个.swiper-container ,实现外层slider水平翻页，内层slider垂直翻页。

admin

可以的，基础示例里面有

SilenceLi

可以得把

789998

1. <div class="swiper-container swiper-container-v">
   
2.     <div class="swiper-wrapper ">
   
3.         <div class="swiper-slide ">
   
4.             <div class="swiper-container swiper-container-h" >
   
5.                 <div class="swiper-wrapper swiper-wrapper-h">
   
6.                     <div class="swiper-slide"></div>
   
7.                     <div class="swiper-slide"></div>
   
8.                 </div>
   
9.             </div>
   
10.         </div>
    
11.         <div class="swiper-slide "></div>
    
12.         <div class="swiper-slide "></div>  
    
13.         <div class="swiper-slide "></div>         
    
14.     </div>
    
15. </div>
    
16. <script>
    
17. var swiperV = new Swiper('.swiper-container-h', {
    
18.         pagination: '.swiper-pagination-h',
    
19.         mousewheelControl : true,
    
20. });
    
21. var swiperV = new Swiper('.swiper-container-v', {
    
22.         pagination: '.swiper-pagination-v',
    
23.         direction: 'vertical',
    
24.         mousewheelControl : true,
    
25. });
    
26. </script>

复制代码

firehost

可以  你可以去下载例子包

无痕之殇

楼上正解，完全可以