zoukankan      html  css  js  c++  java
  • IOS中position:fixed吸底时的滑动出现抖动的解决方案

    H5方法:

    //吸顶头部
    .header{
        width:100%;
        height:50px;
        position:fixed;
        top:0px;
    }
    //main滑动区域
    .main{
        width:100%;
        height:auto;
        position:absolute;
        padding-top:50px;
        padding-bottom:50px;
        box-sizing:border-box;
        overflow-y:scroll;
    }
    //吸底尾部
    .footer{
        width:100%;
        height:50px;
        position:fixed;
        bottom:0px;
    }

    ios原生方法:

    前端开发人员会在app中打开webview,这个时候iOS中position:fixed吸底时的滑动出现抖动应该是native造成的抖动,整个viewport跟着动,所以可以在生成schema的时候将参数bounce_disable(可能不一定都有这个参数,就看有没有类似的参数进行控制)设置为1禁止native的弹性效果,然后加上h5的这个效果,-webkit-overflow-scrolling 属性可以帮我们实现这个效果,它控制元素在移动设备上是否使用滚动回弹效果。

  • 相关阅读:
    calcite介绍
    kylin介绍
    hbase(三)coprocessor
    流式计算-窗口
    实验室服务器琐事
    流畅的python笔记
    语义分割相关网络简述
    leetcode 696
    树的非递归遍历
    leetcode 665
  • 原文地址:https://www.cnblogs.com/ivan5277/p/9789882.html
Copyright © 2011-2022 走看看