zoukankan      html  css  js  c++  java
  • 处理ios的overflow滚动bug

    先说说这个bug的场景

    .container{
         height:100vh;
         overflow-y:scroll;  
    }

    没毛病,总有这种类似的情况,需要在容器内滚动,但是!这种容器内的滚动在ios上面处理的情况是类似于

    -webkit-overflow-scrolling:auto;

    什么意思?

    就是滑动的时候,当手离开屏幕的那一刻,滚动立即停止(from MDN)

    那网上也给出对应的解决方案就是在容器上设置一个

    -webkit-overflow-scrolling:touch;

    这种情况的话可以保证滚动流畅了。

    但是!!!经常出现各种滚不动、卡死之类的,体验超级不好。

    虽然网上也有给出各种解决方案

    {
         height:calc(100%+1px);
         z-index:1;
    }

    但是。。。。然并卵,没用

    =================================================================================

    大爷不伺候了,那些要处理滚动事件什么的我还是绑到body上。。。

  • 相关阅读:
    抽象工厂模式
    观察者模式
    建造者模式
    外观模式
    drf 之路由
    drf之视图
    drf--请求和响应
    def--序列化
    drf之restful规范
    Tepora使用
  • 原文地址:https://www.cnblogs.com/AlexBlogs/p/7928280.html
Copyright © 2011-2022 走看看