微信中网页软键盘收起后页面被遮挡的解决办法

网站在微信中打开,点击input弹起软键盘,输入完成收起软键盘时,软键盘虽被收起但软键盘位置被白色区块遮挡。对应的解决办法如下

问题描述

微信中软键盘收起后,软键盘位置处出现白色区块遮挡内容

解决方法

思路:在输入域失去焦点 (blur事件) 时滚动窗口即可

如:下

$('input').on('blur',function(){
	window.scrollTo(0, 0)
	setTimeout(function(){
		window.scrollTo(0, 0)
	},100)
})

其他可参考:https://developers.weixin.qq.com/community/develop/doc/00040a43cd4290dedbc7e7f1851400?_at=1559089628289

更多:微信内置浏览器中ajax失效的问题解决

admin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: