移動ios端position:fixed環境下input獲取焦點軟鍵盤彈出光標錯位

最近做頁面,遇到了一個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")
				   });

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章