国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

swiper循環和動畫沖突

瀏覽:105日期:2024-05-26 13:11:45

問題描述

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

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

問題解答

回答1:

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

相關文章:
主站蜘蛛池模板: 姚安县| 吴桥县| 团风县| 土默特左旗| 鄱阳县| 正定县| 莆田市| 安远县| 定远县| 乐东| 景洪市| 湘乡市| 永修县| 虎林市| 巴里| 沂源县| 繁昌县| 东源县| 柳河县| 凤山县| 东辽县| 兰溪市| 邛崃市| 同德县| 南宫市| 天祝| 广河县| 景宁| 通江县| 弥勒县| 佛坪县| 抚松县| 阳东县| 灵石县| 建水县| 宽城| 方正县| 克什克腾旗| 小金县| 宁南县| 福海县|