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