IOS 下 -webkit-overflow-scrolling 引发的 bug

segmentfault 网站居然这么坑，写笔记的编辑器那么不友好，发不了图片，只能发文章了。

网上关于 IOS 下 -webkit-overflow-scrolling 的相关 bug 还挺多的，这里提到的估计很少人会遇到。

测试机型

IPHONE 6 PLUS IOS 9.3.3
魅族 MX5 android 5.1
Window 7 Chrome 58.0.3029.81

代码效果

https://jsfiddle.net/bduhajkm...

定位问题

body {-webkit-overflow-scrolling: touch;
}.bd {overflow:auto;
}

解决问题

方法一

.hd {position: relative;z-index: 1;
}

方法二

去掉定位到的两个条件之一

IOS 下 -webkit-overflow-scrolling 引发的 bug相关推荐

【兼容性】ios上设置overflow: scroll不滚动bug
背景目前遇到这么一个问题:我有一个可以向下展开的下来菜单,菜单初始高度大于300px左右,没有超过手机屏幕高度,当展开的时候如果超过手机屏幕高度时让父元素出现滚动条滚动,就是说内容的高度是动态的. ...
h5 iframe嵌套页面_汇总IOS下奇葩BUG以及iframe嵌套页面带来的一些困扰
做H5开发,安卓和IOS的兼容问题经常会困扰我们,尤其是跟第三方平台合作,用到iframe嵌入式应用,令很多Web前端开发的童鞋脑壳疼,相信大家也入了不少坑,且踩且珍惜吧,呵呵^_^.今天抽时间整理一 ...
解决Web移动端Fixed布局的方案（防止页面露底、overflow-scrolling、iOS下的 Fixed + Input BUG现象、isScroll.js）
一些细节处理在细节处理上,其实还有很多要注意的,挑几个实际遇到比较大的问题来说一下: 有时候输入框 focus 以后,会出现软键盘遮挡输入框的情况,这时候可以尝试 input 元素的 scrollI ...
iOS下的 Fixed BUG
input 光标位置乱窜固定式浮层内的输入框光标会发生偏移.即 fixed 定位的容器中输入框光标的位置显示不正确,没有正常地显示在输入框中,而是偏移到了输入框外面可触发条件页面body出现滚动 ...
web移动端Fixed在Input获取焦点时ios下产生的BUG及处理
1.现象可以看到下面两张图,图1搜索框为fixed固定在顶部,滚动没有任何问题. 图2当光标进入搜索框时,ios自作聪明的把光标定位到中间,并且fixed属性被自动修改成了absolute.此时注意 ...
ios下fixed回复框bug的解决方案
前几天做一个移动端的页面,要加个像微信那样附着在底部的回复框,按照做PC端网页的思路,首先是用fixed,在安卓上测了一下是好的,结果到同事的iphone6p上就不行了,点击输入框之后它总会跳到屏幕中 ...
谷歌程序员犯低级错误？少打一个字符引发重大 Bug，致大量 Chromebook 无法解锁...
整理 | 郑丽媛出品 | CSDN(ID:CSDNnews) 初学编程的程序员难免会犯一些低级错误,这不难理解. 可当这种低级错误出现在谷歌经过三个开发者版本进而推出的 Chrome OS 正式版中 ...
Linux x86主机运行天数是是24.8的倍数都有可能引发oracle bug及解决方法
问题是因后台无法登录发现该BUG的,连PLSQL及服务器上的oracle DBA也无法登录oracle 查看系统相关资源: 负载高,系统层的CPU使用高, 解决方法: 重启服务器,问题解决通过查找原 ...
hackintool怎么重建缓存_mysql表数据装满了怎么办？自增id引发的bug。
国庆节的一个大清早,我就被微信群吵醒了,说是spark实时程序有问题,数据没出来,让我看看.我看了下邮箱,确实有报警信息.我特么,没办法,起床. 1 主键自增id设置不合理引发的bug 首先,我检查了 ...

IOS 下 -webkit-overflow-scrolling 引发的 bug

测试机型

代码效果

定位问题

解决问题

方法一

方法二

IOS 下 -webkit-overflow-scrolling 引发的 bug相关推荐

最新文章

热门文章