Swiper.animate插件使用方法

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

这个插件是由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组件的动画解决方案的最佳方案之一。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 框架一 :: Animate.css Animate.css是一个css动画样式库,可以减少我们的开发时间.它预设...
    西巴撸阅读 2,681评论 0 5
  • 前言: 随着HTML5规范的不断完善,围绕着这一生态有很多实用的框架,极大的提高了我们的开发效率,常见的框架代表有...
    秒签T阅读 354评论 0 0
  • HTML5常用框架 前言 随着HTML5规范的不断完善,围绕着这一生态有很多实用的框架,极大的提高了我们的开发效率...
    方克己阅读 1,277评论 0 3
  • HTML5常用框架 前言 随着HTML5规范的不断完善,围绕着这一生态有很多实用的框架,极大的提高了我们的开发效率...
    撩课_叶建华阅读 1,156评论 0 13
  • 简书简书简书,写什么都行。再加一个照片。加五分!!
    陈有财阅读 178评论 0 0