h5项目中遇到iOS系统微信环境中软键盘消失后页面点击事件错位
原因:软件盘消失后由于fixed定位body没有回归正常流
解决:给input增加blur 事件
...
<input class=phone />
...
$(".phone").on('blur', function () {
/**
* 处理微信客户端6.7.4 键盘收起页面未下移bug
*/
document.body.scrollTop = 0;
})
本文介绍了一个在iOS系统的微信环境中,当软键盘消失后导致页面点击事件错位的问题及解决方案。原因是软键盘关闭时,使用fixed定位的body元素未能正确回归页面流。解决方法是在input元素上增加blur事件,当键盘关闭时,将document.body.scrollTop设置为0。
1万+

被折叠的 条评论
为什么被折叠?



