这个插件的作用是,当滑到当前页面,就执行当前页面的动画,防止提前执行。
这个插件是由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组件的动画解决方案的最佳方案之一。
网友评论