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

-webkit-overflow-scrolling : touch 快速滚动 回弹 效果

标签：

原文地址：http://www.cnblogs.com/dtdxrk/p/4448245.html