這個(gè)插件的作用是钞脂,當(dāng)滑到當(dāng)前頁面葫督,就執(zhí)行當(dāng)前頁面的動(dòng)畫,防止提前執(zhí)行恋沃。
這個(gè)插件是由http://www.swiper.com.cn/usage/animate/提供的,并不是Swiper官方提供的必指,但非常的好用囊咏。它需要與Swiper、animate.css聯(lián)合使用。
使用方法也非常簡單梅割,頁面里寫的很清楚霜第,我就不多說了,我說說我的幾個(gè)試驗(yàn)户辞。
首先我試了試WOW.js跟animate.css泌类,結(jié)果沒有用,因?yàn)閣ow.js會(huì)將所有的slide都當(dāng)做當(dāng)前位置底燎,所以會(huì)把動(dòng)畫一股腦的執(zhí)行刃榨。
然后我又試了animate.css的原生寫法跟Swiper事件相配合,雖然根據(jù)動(dòng)態(tài)添加class能做到想要的效果双仍,但是也等于是寫了一個(gè)插件枢希。
謝謝www.swiper.com.cn的插件,比我寫的更優(yōu)雅朱沃,應(yīng)該是Swiper組件的動(dòng)畫解決方案的最佳方案之一苞轿。