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%,但是高一定要设置具体的高度,横向同理。

 

posted @ 2021-07-26 17:54  阳光下的向日葵  阅读(1909)  评论(0编辑  收藏  举报