HTML页面在IOS上出现卡顿的解决方案(overflow:scroll)

来源:互联网 发布:淘宝花溪折扣店货真吗 编辑:程序博客网 时间:2024/05/16 18:29

    之前在给app做html页面时出现一个奇怪的一个问题 , 相同的一个网页 , 在Android上非常流畅无任何问题 , 而在IOS端浏览时 , 页面滑动起来有明显的卡顿感 . 经网上搜索了解后 , 发现页面中使用了overflow:scroll属性所致(在滑动的div上添加该属性) . 由于本人对前端不甚了解 , 不知道是HTML的问题还是IOS的问题 , 具体谁的锅也无法得知 .

    对此问题 , 具体的解决方案就是在滑动的div样式上添加如下一行代码 : 

    

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

具体原因和分析可以参考该篇文章点击打开链接

阅读全文
0 0
原创粉丝点击