在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'  
}

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM