ios中swiper滑動白屏、閃爍


前言:swiper插件在ios有時會出現滑動白屏、閃爍等各種問題。

一、白屏閃現

1、在默認為整屏的情況下,因為滑動后ios才加載下一頁,可能出現白屏閃現。

解決:給每屏加上padding-bottom(滑動的方向)一點值,使得提前加載了下一頁的內容。

eg:

.swiper-slide{
box-sizing: content-box;
padding-bottom: 0.05rem;
margin-top: -0.05rem;
}

2、有時swiper里的圖片未定義具體的height也可能出現這種情況。

解決:設置具體的height數值,或者min-height

二、swiper出現異常展示

1、展示異常或者滑動有問題,有可能是因為swiper未正常渲染。

解決:定義swiper延遲500ms

三、下一頁沒顯示內容

1、整屏展示,但是滑動后后面沒展示內容,原因是圖片未定義具體的寬高(包括寫的是100%),導致ios中容器加載圖片時無法知道圖的大小而無法渲染

解決:如果是縱向整屏滑動,則寬可設為100%,但是高一定要設置具體的高度,橫向同理。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM