h5页面输入框在安卓手机上被键盘挡住

h5页面输入框在安卓手机上被键盘挡住

1.弹窗的解决方法
.floatbox{position:absolute; top:50%; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5);}
.floatbox>div{position:absolute; top:50%;  transform: translate(0,-50%); -webkit-transform: translate(0,-50%); max-height:80%; overflow-y:auto; background:#fff; border-radius:5px;}

//获取原窗口的高度
var originalHeight=document.documentElement.clientHeight ||document.body.clientHeight;
window.onresize=function(){
   //键盘弹起与隐藏都会引起窗口的高度发生变化
      var resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
       if(resizeHeight-0