zoukankan      html  css  js  c++  java
  • -webkit-overflow-scrolling : touch 快速滚动 回弹 效果

    现在很多for Mobile的HTML5网页内都有快速滚动和回弹的效果,看上去和原生app的效率都有得一拼。

    要实现这个效果很简单,只需要在元素上加一行css代码即可:

    -webkit-overflow-scrolling : touch; 
    

    实际上,Safari真的用了原生控件来实现,对于有-webkit-overflow-scrolling的网页,会创建一个UIScrollView,提供子layer给渲染模块使用。(具体已经超出web前端的范畴此处不描述) 

    我们只需要知道CSS的属性-webkit-overflow-scrolling是真的创建了带有硬件加速的系统级控件,所以效率很高。

    但是这相对是耗更多内存的,最好在产生了非常大面积的overflow时才应用。

  • 相关阅读:
    计算机科学中最重要的32个算法
    趣事
    深度学习迷你地图
    物理学
    代数几何
    Node.js 文件系统
    Node.js 常用工具util包
    Node.js 全局对象
    favi.icon是什么?
    Node.js 路由
  • 原文地址:https://www.cnblogs.com/dtdxrk/p/4448245.html
Copyright © 2011-2022 走看看