Swiper中文论坛

标题: 竖着的swiper嵌套横着swiper的动画问题 [打印本页]

作者: 317401317m 时间: 2015-11-23 20:11
标题: 竖着的swiper嵌套横着swiper的动画问题
var mySwiper= new Swiper('#swiper-container-v',{
direction: 'vertical', //horizontal  vertical
speed:800,//
mousewheelControl : true,//允许鼠标
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
if(swiper.activeIndex==6){
$('.arrow-box').show();
}
if(swiper.activeIndex==7){
$('.arrow-box').hide();
}
},
onInit:function(swiper){
   fixPagesHeight('#swiper-container-v');//调用加载屏幕高度
   swiperAnimateCache(swiper); //隐藏动画元素
   swiperAnimate(swiper); //初始化完成开始动画
}
});
var mySwiper= new Swiper('#swiper-page1',{
direction: 'horizontal',
speed:800,
//pagination: '#swiper-pagination1',
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
},
onInit:function(swiper){
   fixPagesHeight('#swiper-page1');//调用加载屏幕高度
   //swiperAnimateCache(swiper); //隐藏动画元素
   //swiperAnimate(swiper); //初始化完成开始动画
}
});

嵌套之后动画并不能很好的执行。尤其是横着的第二页动画总是不执行，很郁闷

作者: tvrfqbmnm 时间: 2015-11-25 12:47
本帖最后由 tvrfqbmnm 于 2015-11-25 12:48 编辑

建议使用 animateControl 动画控制器插件，能非常完美的兼容swiper的嵌套，以及在loop循环模式下的动画播放。

http://bbs.swiper.com.cn/forum.p ... ;tid=620&extra=

作者: 317401317m 时间: 2015-11-25 13:46
很多问题，都是IOS不行，安卓反而支持的特别好

作者: tvrfqbmnm 时间: 2015-11-26 09:00
我在ios下测试过animateControl v1.0.2，感觉动画的播放还是很流畅的，没有发生你所说的情况。

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