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