input输入框失去焦点,软键盘关闭后,滚动的页面无法恢复到原来位置

H5微信页面开发,软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,导致弹框里的按钮响应区域错位。

解决方案:给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效,

$("input,select").blur(function(){
setTimeout(function() {
                var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
                window.scrollTo(0, Math.max(scrollHeight - 1, 0));
            }, 100);
}) 


原文:https://blog.csdn.net/weixin_42573146/article/details/85044386 

转载于:https://www.cnblogs.com/lrxsblog/p/10319607.html

你可能感兴趣的:(input输入框失去焦点,软键盘关闭后,滚动的页面无法恢复到原来位置)