共计 423 个字符,预计需要花费 2 分钟才能阅读完成。
问题形容:
在 ios11.3 之前 H5 中在弹出层应用 input 框,光标地位怪异(不正确),偶现状况,在后续 ios 更新中,曾经将此 bug 修复,然而为了避免用户零碎低导致问题,还是做了适配。
起因:
是因为在弹出层中应用了 position:fixed 导致的 ios 定位不精确,ios 解析 fixed 有问题。
解决 1:
在弹出层中不要应用 position:fixed;
解决 2:
不免还是应用 position:fixed 是比拟寻常的,所以,另外一种解决形式:
在 input onfocus 时,设置:
document.body.style.position = 'fixed'; //ios11 适配光标地位问题
在 input onBlur 时,设置:
document.body.style.position = 'static'; //ios11 适配光标地位问题
解决 3:
如果能够,间接设置 body 的 css 款式
position: fixed;
width: 100%;
以上,依据状况能够自选形式尝试修复!
正文完