在iOS设备下,h5的input框失焦后页面被顶起来一部分bug 用css解决办法

body,html{-webkit-overflow-scrolling:touch;}   //针对ios设备 虚拟键盘上顶 留白问题 可用css样式解决

// 收起键盘事件
document.body.addEventListener('focusout', function (evt) {
    document.body.scrollTop = 0;
    //软键盘收起的事件处理
    setTimeout(function () {
        document.body.scrollTop = 0;
    }, 1500)
});
//第二种针对安卓虚拟键盘
//首先获取手机屏幕高度
//当屏幕高度发生改变时  让body高度等于获取手机屏幕高度

let Height = $('body').height();
    $(window).resize(function() {
        $('body').height(Height);
    });


var Height = document.querySelectorAll('body')[0];
window.addEventListener('resize', fun, false);
function fun(){
  document.querySelectorAll('body')[0].height = Height + 'px'  
}
原文地址:https://www.cnblogs.com/xm16/p/10314998.html