美文网首页
Swiper.animate插件使用方法

Swiper.animate插件使用方法

作者: microkof | 来源:发表于2017-01-24 13:21 被阅读590次

    这个插件的作用是,当滑到当前页面,就执行当前页面的动画,防止提前执行。

    这个插件是由http://www.swiper.com.cn/usage/animate/提供的,并不是Swiper官方提供的,但非常的好用。它需要与Swiper、animate.css联合使用。

    使用方法也非常简单,页面里写的很清楚,我就不多说了,我说说我的几个试验。

    首先我试了试WOW.js跟animate.css,结果没有用,因为wow.js会将所有的slide都当做当前位置,所以会把动画一股脑的执行。

    然后我又试了animate.css的原生写法跟Swiper事件相配合,虽然根据动态添加class能做到想要的效果,但是也等于是写了一个插件。

    谢谢www.swiper.com.cn的插件,比我写的更优雅,应该是Swiper组件的动画解决方案的最佳方案之一。

    相关文章

      网友评论

          本文标题:Swiper.animate插件使用方法

          本文链接:https://www.haomeiwen.com/subject/sbtejttx.html