前端集合 - 关注前端技术和互联网免费资源

关注前端技术和互联网免费资源

分类儿

页面儿

搜索儿

前端集合 RSS订阅
Home » 前端集合 » 解决手机页面overflow scroll滑动很卡的问题

解决手机页面overflow scroll滑动很卡的问题

发布者:前端集合 // 发布时间:2014-10-22 22:55:00 // 分类:前端集合 // 访问: 37,622 次 // 热度:

解决手机页面overflow scroll滑动很卡的问题

在手机页面上,如果你对某个div或模块使用了overflow scroll属性,那么在手机上滑动这个模块时会比较卡。

手机访问我写的一个测试页面可以体验这种卡的效果。

很奇怪会有这种差异。通过搜索得知以下代码可解决这种卡顿的问题:

-webkit-overflow-scrolling: touch;

我在新的测试页面加了这行代码,果然滑动流畅了啊。

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

在流畅的滑动效果和耗费多点内存之间,我选择了前者。

Tags: 手机页面, mobile page, overflow, overflow scroll

小米手环初接触>>  << 经验记录:杭州公积金委托提取流程
Top