问题形容:
在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%;
以上,依据状况能够自选形式尝试修复!