一个CSS样式引发的APP崩溃卡顿-webkit-overflow-scrolling:touch

最新推荐文章于 2021-07-20 15:10:11 发布

weixin_30767921

最新推荐文章于 2021-07-20 15:10:11 发布

阅读量223

点赞数

原文链接：http://www.cnblogs.com/mjian/p/9250058.html

版权

为了让iOS系统下用默认的滑动更加流畅，给滚动区域添加了如下样式：

-webkit-overflow-scrolling:touch

引起APP在iphone 6以上机型的崩溃率升高。经排查验证，去掉这个样式后就恢复正常了。

原因推测：因为这个样式会开启GPU加速，导致APP 运行内存过高而引起的崩溃。

先记录一下。

转载于:https://www.cnblogs.com/mjian/p/9250058.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30767921

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

移动端兼容性问题-css篇

weixin_43956521的博客

05-17

1273

scroll元素滑动，ios滑动比较生涩解决办法：给父类设置-webkit-overflow-scrolling:touch iphone及ipad下输入框默认内阴影解决办法：设置样式 -webkit-appearance:none; IOS 在点击div的时候会出现黑灰色背景块 -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); ios 长按出现拷贝、复制等菜单选项 -webkit-t

vue在ios手机上的一些问题（这次写的h5公众号）和后面补充的小程序问题

qq_38337245的博客

11-25

1882

坑一：使用定位fixed，底部导航不显示，代码我就不写，总结就是定位套定位，心累代码太多不想贴；坑二：禁止页面放大缩小，解决：Vue 移动端禁止页面放大缩小_fuf_xyxnxss的博客-CSDN博客_移动端禁止放大缩小坑三：移动端h5页面禁止长按选择复制，解决：移动端h5页面禁止长按选择复制_艾欢欢的博客-CSDN博客坑四：苹果手机IOS点击输入框弹出键盘后，所有按钮点击位置上移，解决：苹果手机IOS点击输入框弹出键盘后，所有按钮点击位置上移_料峭春风吹酒醒，微冷，山头斜...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序中遇到的iOS兼容性问题小结

12-12

-webkit-overflow-scrolling

weixin_33709364的博客

08-15

-webkit-overflow-scrolling：touch 让移动端页面手机离开后可以继续滚动一段激励，非标准属性。直接加在html样式上就好了。不能滑动的情况：在touch事件里加了preventDefault html，body加了height：100% 另外，在ios还是不要用fixed了，自找麻烦。。。其中一个问题是：　　滚动条到了最顶部，手指往下拉的时候...

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

热门推荐

hursing的博客

06-27

10万+

现在很多for Mobile的H5网页内都有快速滚动和回弹的效果，看上去和原生app的效率都有得一拼。要实现这个效果很简单，只需要加一行css代码即可： -webkit-overflow-scrolling : touch;可用以下网页测试： scroll .container {

-webkit-overflow-scrolling:属性

weixin_30853329的博客

03-15

715

之前在用css实现横向滚动时，用到了-webkit-overflow-scrolling:touch实现了滚动回弹效果，今天就彻底的认识下这个家伙以及它所带来的各种坑，并总结了一些排坑的办法。一.-webkit-overflow-scrolling是什么东西 -webkit-overflow-scrolling控制元素在移动设备上面是否有滚动回弹效果，...

IOS下使用定位的子元素，不能覆盖使用定位的父元素平级元素；

weixin_40785343的博客

08-04

616

IOS下使用定位的子元素，不能覆盖使用定位的父元素或父元素平级元素; 布局如下，由于业务需要，针对ios页面滑动卡顿问题，添加了css 属性-webkit-overflow-scrolling:touch 使页面滑动流畅， -webkit-overflow-scrolling这个属性可以参考下面的文章： https://www.cnblogs.com/xiahj/p/8036419.html 如上图所示，在实际业务中，由于对父容器使用了-webkit-overflow-scrolling：tou

手机端html回弹,处理iOS微信H5页面橡皮回弹效果

weixin_42149145的博客

07-20

1633

????业务需求近期开发的项目有一部分是与微信公众号相关的H5页面，在Android端微信上页面效果展示无异常，但是在 iOS端微信多多少少会出现一些意想不到的bug。此次主要针对移动端H5页面在iOS端产生的橡皮回弹(橡皮筋效果)问题做一下相关记录，希望对遇到类似问题的同学有所帮助。????方案一：使用 inobounce.jsinobounce.js github地址在 html主页面的 head...

网易高工手打：中高级前端必须注意的40条移动端H5坑位指南

pig_html的博客

02-03

798

前言不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。三年半沉淀通过本文记录下所遇到的坑位，或许有些坑位还未遇到，但本文记录的40条坑位绝对能让同学们少走很多弯路，特别是前端小白。为了减少废话提高本文质量，对以下内容做一些约定。提及的安卓系统包括A

-webkit-overflow-scrolling:touch

极客神殿

05-25

9942

-webkit-overflow-scrolling 学习

ISaiSai的专栏

02-23

1926

当使用了-webkit-overflow-scrolling : touch; 后在Iphone 上的overflow:auto区块的滚动效果会变的更加顺畅，并且有弹簧效果

深入研究-webkit-overflow-scrolling:touch及ios滚动

weixin_30731305的博客

12-14

1072

目录 1. -webkit-overflow-scrolling:touch是什么？ 2. 解决safari布局抖动的例子 2.1 方案一 2.2 方案二 3. 探究-webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug ...

css：-webkit-overflow-scrolling: touch;

aamen1109的博客

11-23

1041

overflow-y:auto; -webkit-overflow-scrolling: touch; 通常在有弹层出现，并且弹层里面是列表，需要上下滑动查看，而且在安卓手机比较卡顿的时候，会用到这个属性。

crash css for IOS

09-17

119

HELLO WORLD 转载于:https://www.cnblogs.com/colinsupport/p/9663378.html

关于-webkit-overflow-scrolling的使用

huaqishen123的博客

01-02

1554

用html做一个移动端上的app，在用到列表的时候，发现在ios设备上的列表滚动很ka，不流畅。在android上就不会。也是在网上搜索一番，发现是这个属性：-webkit-overflow-scrolling的问题。在ios上需要为滚动内容的父容器上增加这个属性，并将其值设为touch .scroll { -webkit-overflow-scrolling:touch; } 网上对...

-webkit-overflow-scrolling: touch;