overflow属性及其在ios下卡顿问题解决

overflow属性:http://www.w3school.com.cn/cssref/pr_pos_overflow.asp

overflow:scroll/auto;在手机页面滑动不流畅问题:

在overflow:scroll;代码部分,增加:
 -webkit-overflow-scrolling: touch;

原理:

  1.据说是因为这行代码启用了硬件加速特性,所以滑动很流畅。但是这个属性也会相对耗费更多内存。

  2.从前端开发的角度讲,只需要知道CSS的属性-webkit-overflow-scrolling是真的创建了带有硬件加速的系统级控件,所以效率很高。

  3.从实际开发的角度讲,采用这样的做法相对是耗更多内存的,最好是在产生了非常大面积的overflow时才应用。

posted @ 2017-01-04 20:41  承载梦想-韩旭明  阅读(566)  评论(0编辑  收藏  举报