网页在Safari快速滚动和回弹的原理： -webkit-overflow-scrolling : touch;的实现

文章参考 http://blog.csdn.net/hursing/article/details/9186199

在工作中遇到这么一个问题 —— 商品详情列表中，使用手动上下滑动，在android 手机中很流畅，在apple safari手机中却只能手滑动多长距离，滚动条就滚动多长距离，显得非常不流畅。

解决办法：

在滚动条的div 中添加样式 -webkit-overflow-scrolling : touch;  

WebKit私有的属性“-webkit-overflow-scrolling: touch”（允许独立的滚动区域和触摸回弹）；

从前端开发的角度讲，只需要知道CSS的属性-webkit-overflow-scrolling是真的创建了带有硬件加速的系统级控件，所以效率很高。但是这相对是耗更多内存的，最好在产生了非常大面积的overflow时才应用。