ios11.3之前H5中input框光标位置怪异（不正确），已解决！

起风了 - 2021-11-08 22:16:04

问题描述：

在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%;

以上，根据情况可以自选方式尝试修复！

特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。