• -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时才应用。

  • 相关阅读:
    phpdocumentor生成代码注释文档(linux)
    phpstorm扩展
    es教程
    康威定律
    k8s
    tidb调研
    netty 在线教程
    McQueenRPC源码阅读
    DIY一些基于netty的开源框架
    性能测试
  • 原文地址:https://www.cnblogs.com/dtdxrk/p/4448245.html
Copyright © 2020-2023  润新知