Swiper中文论坛

标题: 加上竖排显示动画就失效？ [打印本页]

作者: cnpuma 时间: 2016-1-25 19:00
标题: 加上竖排显示动画就失效？
<script>
  var mySwiper = new Swiper ('.swiper-container', {

    direction: 'vertical',
  onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
swiperAnimateCache(swiper); //隐藏动画元素
swiperAnimate(swiper); //初始化完成开始动画
  },
  onSlideChangeEnd: function(swiper){
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
  }
  });
  </script>
删掉direction: 'vertical',后，左右滑动动画就可以了，否则层都处于隐藏状态
<script>
  var mySwiper = new Swiper ('.swiper-container', {
  onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
swiperAnimateCache(swiper); //隐藏动画元素
swiperAnimate(swiper); //初始化完成开始动画
  },
  onSlideChangeEnd: function(swiper){
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
  }
  });
  </script>

这是为什么呢

作者: cnpuma 时间: 2016-1-25 19:01
有direction: 'vertical',的时候，第一贞动画是触发了的。翻页后动画失效

作者: cnpuma 时间: 2016-1-25 21:11
swiperAnimate(swiper); 这句应该是执行到了。但是没效果

作者: 789998 时间: 2016-2-1 13:19
你这是要做2种吗，一个横向滑动？一个竖向滑动？
那要用不同的类名，你都用.swiper-container肯定不行的

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)