swiper循環(huán)和動(dòng)畫沖突
問(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)題解答
回答1: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í)例化。
相關(guān)文章:
1. java - 判斷數(shù)據(jù)在數(shù)據(jù)庫(kù)中是否已存在.2. javascript - JS new Date() 保存到 mongodb 中會(huì)早8個(gè)小時(shí),我們這里是東八區(qū),mongodb 保存的是格林尼治時(shí)間3. android百度地圖定位問(wèn)題4. python - django models 為生成的html元素添加樣式。5. javascript - 關(guān)于圣杯布局的一點(diǎn)疑惑6. android - 圖片列表分組之后復(fù)用問(wèn)題7. javascript - 移動(dòng)端上不能實(shí)現(xiàn)拖拽布局嗎?8. 神仙姐姐講的真好!!!9. 為什么我寫的PHP不行10. css - input間的間距和文字上下居中

網(wǎng)公網(wǎng)安備