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
- HTML页面在IOS上出现卡顿的解决方案(overflow:scroll)
- 解决页面使用overflow: scroll在iOS上滑动卡顿的问题
- 设置div的overflow:scroll,但是在手机上滑动的时候有点卡顿
- overflow-y在ios上滑动卡顿问题
- 手机端overflow scroll卡顿的情况
- html{overflow:scroll;}的含义
- 解决ios手机页面overflow scroll滑动很卡的问题
- ios端页面滚动出现卡顿的原因之一
- 解决手机页面overflow scroll滑动很卡的问题
- 在IOS系统上,滚动条滚动到指定的位置出现空白页面的解决方案
- css的overflow:scroll与ios
- ios跳转页面时出现卡顿现象
- html5页面在ios滑动卡顿问题
- ScrollView嵌套RecyclerView时滑动出现的卡顿解决方案
- windows系统经常出现卡顿现象的解决方案
- 解决ios手机端div是overflow: auto;引起的内容滑动卡顿问题
- VS中出现Stack Overflow的解决方案
- iOS解决滑动页面卡顿的基本技巧
- 软件版本的发布命名规则(吕万友)
- Codeforces 165C(二分)
- JavaScript 数组的操作方法
- 第 4 章 选择合适的Python开发环境
- Hadoop完全分布式集群环境搭建及测试
- HTML页面在IOS上出现卡顿的解决方案(overflow:scroll)
- EventBus使用
- Java虚拟机对象创建及其内存分配
- 第一阶段-入门详细图文讲解tensorflow1.4 -(十)TensorBoard: Graph Visualization
- 详解 ML2 Core Plugin(7)
- 【BIM知识】BIM建模师都干什么?(BIM+数据库)
- 使用专用示波器和软件加快测试开关模式电源---凯利讯半导体
- Java中finalize()详解和Java9中的垃圾回收
- 理解正常代理与反向代理的区别