前言: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%,但是高一定要設置具體的高度,橫向同理。
