Swiper中文论坛

标题: 关于swiper 如果用了fixed定位的问题 [打印本页]
作者: Vdentta    时间: 2016-7-11 11:04
标题: 关于swiper 如果用了fixed定位的问题
  1. //这是图片列表
  2. <div class="imglist">
  3.                             <img src="img/1b.jpg" />
  4.                             <img src="img/2b.jpg" />
  5.                             <img src="img/3b.jpg" />
  6.                             <img src="img/4b.jpg" />
  7.                             <img src="img/5b.jpg" />
  8.                             <img src="img/6b.jpg" />
  9.                             <img src="img/7b.jpg" />
  10.                             <img src="img/8b.jpg" />
  11.                             <div>
  12.                             </div>
  13.                         </div>
  14. //用模态框+swiper来展示大图片
  15. <div class="modal modal_img" style="display: none">
  16.             <div class="modal_body">
  17.                 <div class="close_modal">
  18.                     x</div>
  19.                 <div class="swiper-img" style="position: relative">
  20.                     <div class="swiper-wrapper">
  21.                         <div class="swiper-slide">
  22.                             <img src="img/1b.jpg" />
  23.                         </div>
  24.                         <div class="swiper-slide">
  25.                             <img src="img/2b.jpg" />
  26.                         </div>
  27.                         <div class="swiper-slide">
  28.                             <img src="img/3b.jpg" />
  29.                         </div>
  30.                         <div class="swiper-slide">
  31.                             <img src="img/4b.jpg" />
  32.                         </div>
  33.                         <div class="swiper-slide">
  34.                             <img src="img/5b.jpg" />
  35.                         </div>
  36.                         <div class="swiper-slide">
  37.                             <img src="img/6b.jpg" />
  38.                         </div>
  39.                         <div class="swiper-slide">
  40.                             <img src="img/7b.jpg" />
  41.                         </div>
  42.                         <div class="swiper-slide">
  43.                             <img src="img/8b.jpg" />
  44.                         </div>
  45.                     </div>
  46.                     <div class="swiper-pagination">
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.         </div>
  51. //js
  52. $(".imglist img").bind("click", function () {
  53.             var index = $(this).index();
  54.             $(".modal_img").fadeIn(300);
  55.             imgSwiper.slideTo(index);
  56.         });

复制代码

现在的问题是
1. slideto没有效果，因为swiper-wrapper 的transform失效
2.只能手动滑动， 并且不是一页一页的滑动，而是一点一点的滑动。 就没有了分页的效果
根据我的观察， 应该是  模态框使用了fixed定位的原因。
那么如何解决这个问题呢



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