关于ios:ios113之前H5中input框光标位置怪异不正确已解决

4次阅读

共计 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%;

以上,依据状况能够自选形式尝试修复!

正文完
 0