問(wèn)題描述

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

看谷歌控制臺(tái)，子元素的css屬性因?yàn)榧恿薬ni類，每次到首尾相接時(shí)候設(shè)置了動(dòng)畫的元素，一滑動(dòng)就變成visibility：hidden，消失，煩死了，看官網(wǎng)也沒有類似的demo，誰(shuí)碰到過(guò)類似的問(wèn)題，能幫忙解決一下？謝了謝了

問(wèn)題解答

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