zoukankan      html  css  js  c++  java
  • IOS webkit-overflow-scrolling: touch 踩坑笔记

    -webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开,会保持一段时间的滚动 */

    -webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开,滚动会立即停止 */

    overflow:auto 或scroll在ios下无效,需要用-webkit-overflow-scrolling属性
    然而 “该特性是非标准的,请尽量不要在生产环境中使用它!”

    橡皮筋事件会导致卡顿,要几秒之后才能恢复正常。

    解决方案是
    -webkit-overflow-scrolling: touch; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/
    -webkit-transform: translateZ(0px); /*HELPS THE ABOVE WORK IN IOS5*/
    -webkit-transform: translate3d(0,0,0); /*HELPS THE ABOVE WORK IN IOS8*/
    -webkit-perspective: 1000; /*HELPS THE ABOVE WORK IN IOS8*/

  • 相关阅读:
    Codeforces
    Codeforces
    SCUT
    模板
    SCUT
    SCUT
    模板
    SCUT
    UVA 437 "The Tower of Babylon" (DAG上的动态规划)
    UVA 1025 "A Spy in the Metro " (DAG上的动态规划?? or 背包问题??)
  • 原文地址:https://www.cnblogs.com/ignacio/p/8053786.html
Copyright © 2011-2022 走看看