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

  • 相关阅读:
    swarm集群搭建 及集群维护操作
    zabbix 告警说明
    yum 下载安装包
    mongdb常见操作
    cloudera5.16.1 离线安装
    centos7 安装hadoop-3.2.1
    rpcbind 启动报错
    ingress-nginx 安装
    Dubbo学习
    mybatis防止SQL注入
  • 原文地址:https://www.cnblogs.com/redFeather/p/15062662.html
Copyright © 2011-2022 走看看