Swiper中文论坛

标题: 请问swiper可以嵌套吗 [打印本页]
作者: wuym    时间: 2016-1-5 18:19
标题: 请问swiper可以嵌套吗
就是每个.swiper-slider里面套一个.swiper-container ,实现外层slider水平翻页，内层slider垂直翻页。
作者: admin    时间: 2016-1-7 10:02
可以的，基础示例里面有
作者: SilenceLi    时间: 2016-1-9 11:30
可以得把
作者: 789998    时间: 2016-2-1 13:53
  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    时间: 2016-7-12 11:55
可以  你可以去下载例子包
作者: 无痕之殇    时间: 2016-9-4 10:09
楼上正解，完全可以



欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2