查看: 5928|回复: 9
打印 上一主题 下一主题

swiper怎么当到当前页时才加载css动画

[复制链接]

该用户从未签到

1

主题

3

帖子

18

积分

新手上路

Rank: 1

积分
18
跳转到指定楼层
楼主
发表于 2017-8-11 16:10:43 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
swiper怎么当到当前页时才加载css动画
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    郁闷
    2018-3-6 10:23
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    5

    帖子

    13

    积分

    新手上路

    Rank: 1

    积分
    13
    9#
    发表于 2018-3-6 10:53:52 | 只看该作者
    我的是整屏滚动,循环滚动后在返回滚动就会出现css3动画有些执行,有的不执行直接出现,第一次还是好的,不知道什么问题
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2017-9-6 13:36
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    7

    帖子

    48

    积分

    新手上路

    Rank: 1

    积分
    48
    8#
    发表于 2017-8-23 14:16:07 | 只看该作者
    onSlideChangeEnd: function (swiper) {
                swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
                switch (swiper.activeIndex) {//自定义那一页执行什么动画
                    case 1:
                        setTimeout(function () {
                            $(".que2 img").css({
                                animation: 'mysec 0.5s linear 2'
                            })
                        }, 400);//定时器时间是上一个动画执行时间
                        break;
                }
            }
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    难过
    2018-5-1 10:01
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    0

    主题

    13

    帖子

    43

    积分

    新手上路

    Rank: 1

    积分
    43
    7#
    发表于 2017-8-19 14:35:17 | 只看该作者
    貌似默认实例里也是有的
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    7

    帖子

    24

    积分

    新手上路

    Rank: 1

    积分
    24
    6#
    发表于 2017-8-18 15:32:38 | 只看该作者
    当前页有个swiper-slide-active 类,把动画写到这个类上触发就行了
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    3

    帖子

    18

    积分

    新手上路

    Rank: 1

    积分
    18
    5#
     楼主| 发表于 2017-8-12 16:30:15 | 只看该作者

    我说的是自己写的css3动画
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    2

    主题

    4

    帖子

    10

    积分

    新手上路

    Rank: 1

    积分
    10
    地板
    发表于 2017-8-11 17:13:17 | 只看该作者
    <p class="ani ‘自定义css动画名称’" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p>
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    3

    帖子

    18

    积分

    新手上路

    Rank: 1

    积分
    18
    板凳
     楼主| 发表于 2017-8-11 17:10:16 | 只看该作者

    这是什么  这是swiper-animate啊
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    2

    主题

    4

    帖子

    10

    积分

    新手上路

    Rank: 1

    积分
    10
    沙发
    发表于 2017-8-11 17:04:45 | 只看该作者
    <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p>
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-24 05:59 , Processed in 0.074472 second(s), 30 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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