当前位置: 首页 > Web前端 > HTML

ios11.3之前H5输入框光标位置怪异(不正确),已解决!

时间:2023-03-28 19:35:01 HTML

问题描述:在ios11.3之前,在H5的弹出层使用了输入框,光标位置怪异(不正确),偶尔出现。在后续的ios更新中,已经修复了这个bug,但是为了防止用户的系统低导致问题,还是做了适配。原因:由于在popup层使用了position:fixed导致ios定位不准确,ios解析fixed有问题。解决方案一:不要使用position:固定在弹出层;解决方案二:使用position:fixed不可避免,比较常见,所以另一种解决方案:输入onfocus时,设置:document.body.style.position='fixed';//ios11适配输入onBlur时光标位置问题,设置:document.body.style.position='static';//ios11适配光标位置问题解决方案3:如果可以的话,直接设置body的cssStyleposition:fixed;宽度:100%;以上,根据情况,可以选择尝试修复!