查看: 2913|回复: 3
打印 上一主题 下一主题

竖着的swiper嵌套横着swiper的动画问题

[复制链接]

该用户从未签到

1

主题

5

帖子

7

积分

新手上路

Rank: 1

积分
7
跳转到指定楼层
楼主
发表于 2015-11-23 20:11:58 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
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); //初始化完成开始动画
                                }
                                });


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

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

5

主题

30

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
11970
沙发
发表于 2015-11-25 12:47:30 | 只看该作者
本帖最后由 tvrfqbmnm 于 2015-11-25 12:48 编辑

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

http://bbs.swiper.com.cn/forum.p ... ;tid=620&extra=
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

5

帖子

7

积分

新手上路

Rank: 1

积分
7
板凳
 楼主| 发表于 2015-11-25 13:46:21 | 只看该作者
很多问题,都是IOS不行,安卓反而支持的特别好
回复 支持 反对

使用道具 举报

该用户从未签到

5

主题

30

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
11970
地板
发表于 2015-11-26 09:00:12 | 只看该作者
我在ios下测试过animateControl v1.0.2,感觉动画的播放还是很流畅的,没有发生你所说的情况。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-5-9 17:21 , Processed in 0.078694 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表