Swiper中文论坛

标题: swiper怎么当到当前页时才加载css动画 [打印本页]

作者: 黄林宝 时间: 2017-8-11 16:10
标题: swiper怎么当到当前页时才加载css动画
swiper怎么当到当前页时才加载css动画

作者: baijialv 时间: 2017-8-11 17:04
<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p>

作者: 黄林宝 时间: 2017-8-11 17:10

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

这是什么这是swiper-animate啊

作者: baijialv 时间: 2017-8-11 17:13
<p class="ani ‘自定义css动画名称’" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p>

作者: 黄林宝 时间: 2017-8-12 16:30

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

我说的是自己写的css3动画

作者: binglang31 时间: 2017-8-18 15:32
当前页有个swiper-slide-active 类，把动画写到这个类上触发就行了

作者: 没有地址de信 时间: 2017-8-19 14:35
貌似默认实例里也是有的

作者: 大灰狼 时间: 2017-8-23 14:16
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 时间: 2018-3-6 10:53
我的是整屏滚动，循环滚动后在返回滚动就会出现css3动画有些执行，有的不执行直接出现，第一次还是好的，不知道什么问题

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)