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

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值