最近做頁面,遇到了一個bug,就是移動ios端position:fixed環境下input獲取焦點軟鍵盤彈出光標錯位的問題,至於爲啥出現這樣的問題,原因我在這就不闡述了,下面貢獻一下解決方法
//光標錯位
$(document).on("focus",".phoneInput",function(){
var top = document.body.scrollTop;
$(window).scrollTop(top);
}).blur(function(){
$(window).scrollTop(0,0);
});
最開始的時候我用的這個方法,有時候頁面很穩定可以實行,但是在頁面不穩定的情況下,會出現有時候可以有時候不行的情況,對此我想到了下面一種方法,大家可以試一下,當時完美解決!
//光標錯位
$(document).on("focus",".phoneInput",function(){
var top = document.body.scrollTop;
$(window).scrollTop(top);
$("body").css({"position": "fixed","width":"100%"})
}).blur(function(){
$(window).scrollTop(0,0);
$("body").css("position","relative")
});