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

加上竖排显示动画就失效?

[复制链接]

该用户从未签到

1

主题

3

帖子

15

积分

新手上路

Rank: 1

积分
15
跳转到指定楼层
楼主
发表于 2016-1-25 19:00:08 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<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>

这是为什么呢

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

使用道具 举报

该用户从未签到

1

主题

3

帖子

15

积分

新手上路

Rank: 1

积分
15
沙发
 楼主| 发表于 2016-1-25 19:01:12 | 只看该作者
有direction: 'vertical',的时候,第一贞动画是触发了的。翻页后动画失效
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

3

帖子

15

积分

新手上路

Rank: 1

积分
15
板凳
 楼主| 发表于 2016-1-25 21:11:12 | 只看该作者
swiperAnimate(swiper); 这句应该是执行到了。但是没效果
回复 支持 反对

使用道具 举报

该用户从未签到

1

主题

8

帖子

28

积分

新手上路

Rank: 1

积分
28
地板
发表于 2016-2-1 13:19:33 | 只看该作者
你这是要做2种吗,一个横向滑动?一个竖向滑动?
那要用不同的类名,你都用.swiper-container肯定不行的
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-22 23:15 , Processed in 0.054717 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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