问题描述:
在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%;
以上,根据情况可以自选方式尝试修复!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。