問題描述

使用swiper，給滑塊子元素加了一個bounceRight的動畫，loop設(shè)置成false,沒有問題，但是想要的效果是循環(huán)滾動，loop設(shè)置成true時，像右滑動時，每次循環(huán)回來滾到第一個滑塊，雖然動畫還在，但是當(dāng)滑動時候，加了動畫的元素就消失了，向左邊滑動時候，每次循環(huán)滾動到第三個滑塊也是一樣，動畫在，開始滑動時，子元素就消失。

看谷歌控制臺，子元素的css屬性因為加了ani類，每次到首尾相接時候設(shè)置了動畫的元素，一滑動就變成visibility：hidden，消失，煩死了，看官網(wǎng)也沒有類似的demo，誰碰到過類似的問題，能幫忙解決一下？謝了謝了

問題解答

Swiper是在dom加載完畢后實例化的嗎？如果在元素尚未全部加載完的時候進(jìn)行實例化，設(shè)置了loop為true會使swiper-slide元素增加2個，那么你加載圖片或是其他填充內(nèi)容的時候就導(dǎo)致數(shù)據(jù)不足（為了實現(xiàn)循環(huán)swiper自己增加了兩個dom來進(jìn)行模擬無縫切換），出現(xiàn)空白。建議在后進(jìn)行swiper的實例化。