本人的系統(tǒng)是11.3的是正常的，卻發(fā)現(xiàn)測試機的11.1和11.2的光標位置在輸入框的下邊。百度一下，很多人有同樣的問題，在此記錄一下

解決辦法一：?

//彈框彈出后執(zhí)行如下代碼$('body').css({'position': 'fixed', 'width': '100%'}); //彈框關閉后執(zhí)行如下代碼$('body').css({'position': 'relative'});

但是我發(fā)現(xiàn)這樣的寫法，每次點輸入框時需要點擊兩點才能顯示光標

解決辦法二：

?后來又找到?了另一種?辦法?

userName.on('focus',function(){mask.attr('style','display:flex;position:absolute;');$('html').addClass('noscroll');})userPhone.on('focus',function(){$('html').addClass('noscroll');mask.attr('style','display:flex;position:absolute;')});userPhone.on('blur',function(){mask.attr('style','display:flex;position:fixed;')$('html').removeClass('noscroll');})userName.on('blur',function(){mask.attr('style','display:flex;position:fixed;')$('html').removeClass('noscroll');})}

在input的focus和blur設置postion;因為出現(xiàn)光標位置不正常是因為iphOne不能很好的解析position是fixed

對應的css

.noscroll, .noscroll body {overflow: hidden; } .noscroll body {position: relative; }

在此基礎上優(yōu)化

$('.mask').on('touchmove', function(event) {event.preventDefault();});

這樣下面的內(nèi)容就不會滾動?了

轉(zhuǎn)載于:https://www.cnblogs.com/myzy/p/8883077.html

總結

以上是生活随笔為你收集整理的iphone11系统输入框的光标位置不正常的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。