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