移动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")
				   });

 

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