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

黄林宝

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

baijialv

<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p>

黄林宝

baijialv 发表于 2017-8-11 17:04
内容

这是什么  这是swiper-animate啊

baijialv

<p class="ani ‘自定义css动画名称’" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p>

黄林宝

baijialv 发表于 2017-8-11 17:13
内容

我说的是自己写的css3动画

binglang31

当前页有个swiper-slide-active 类，把动画写到这个类上触发就行了

没有地址de信

貌似默认实例里也是有的

大灰狼

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;
            }
        }

638340

我的是整屏滚动，循环滚动后在返回滚动就会出现css3动画有些执行，有的不执行直接出现，第一次还是好的，不知道什么问题