查看: 1559|回复: 3

请教,swiper4动画问题

[复制链接]

该用户从未签到

1

主题

6

帖子

89

积分

注册会员

Rank: 2

积分
89
发表于 2017-11-6 10:35:39 | 显示全部楼层 |阅读模式
//Swiper4.x
  var mySwiper = new Swiper ('.swiper-container', {
    on:{
      init: function(){
        swiperAnimateCache(this); //隐藏动画元素
        swiperAnimate(this); //初始化完成开始动画
      },
      slideChange: function(){
        swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
      }
    }
  })

已加了这些各种,动画是可以的,问题是,如何循环?
返回时重动画没了,就停在那了。
er~

回复

使用道具 举报

  • TA的每日心情
    奋斗
    2017-10-14 22:14
  • 签到天数: 15 天

    [LV.4]偶尔看看III

    78

    主题

    380

    帖子

    3万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    31709
    发表于 2017-11-6 14:20:25 | 显示全部楼层
    此插件暂不支持loop,因为需要兼容各个Swiper的版本,而各个Swiper版本的loop不同
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    6

    帖子

    89

    积分

    注册会员

    Rank: 2

    积分
    89
     楼主| 发表于 2017-11-6 14:44:14 | 显示全部楼层
    admin 发表于 2017-11-6 14:20
    此插件暂不支持loop,因为需要兼容各个Swiper的版本,而各个Swiper版本的loop不同 ...

    我好像没有用到loop~啊,用最普通的~
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2018-6-29 09:20
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    2

    帖子

    11

    积分

    新手上路

    Rank: 1

    积分
    11
    发表于 2018-6-29 09:20:40 | 显示全部楼层
    假如要实现到页面时播放自己设定的css动画,
    ①可以在slideChange: function(){}里面判断realIndex值,然后增加动画的class,假如不是本页面,则去除class达到重置效果。
    ②当然还有另外一种方法,也是官方推荐的方法,在swiper-animate-effect里面写上动画名,按照官方的写法,也可以达到效果。
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2020-12-1 07:29 , Processed in 0.094062 second(s), 29 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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