zoukankan      html  css  js  c++  java
  • -webkit-overflow-scrolling

    -webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开,滚动会立即停止 */
    -webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开,会保持一段时间的滚动 */
    兼容性 Safari iOS 5.0+

    -webkit-overflow-scrolling:touch在ios上会为容器添加惯性滚动,手指从屏幕移开,内容会继续滚动,滚动的速度和时间和滚动手势的强烈程度成正比

    在Safari上会使用原生控件来实现滚动,但也会增加内存消耗,应该在大面积overflow时候使用该属性

    -webkit-overflow-scrolling:touch的bug

    在定位元素position:absolute或者position:realative上使用该属性时候,滑动几次后,滚动区域会卡住,不能再滑动,这时候给元素增加z-index值就可以了

    -webkit-overflow-scrolling: touch; 
    position:absolute; 
    z-index:1;
  • 相关阅读:
    VMware Workstation-虚拟机的安装
    Linux操作系统-命令-free
    Linux操作系统-命令-vmstat
    抛出一个异常
    字符集
    页面缓存
    表单域
    弹出式说明
    canselBubble 和 stopPropagation理解
    JS---递归函数理解
  • 原文地址:https://www.cnblogs.com/mengff/p/6843495.html
Copyright © 2011-2022 走看看