zoukankan      html  css  js  c++  java
  • 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%,但是高一定要设置具体的高度,横向同理。

  • 相关阅读:
    position之属性
    Grid网格布局
    position 属性指定了元素的定位类型
    注册表单
    简单页面
    自我介绍
    正则表达式
    Dom和Bom
    颜色和单位
    伪类和伪元素的区别
  • 原文地址:https://www.cnblogs.com/redFeather/p/15062662.html
Copyright © 2011-2022 走看看