Bootstrap

安卓中键盘弹起,input输入框被键盘遮挡

在这里插入图片描述
问题:安卓手机点击输入框,键盘弹起挡住输入框,看不到输入内容
解决方案:
主要是监听页面高度变化,并将input框滚动到视口内

// 记录原有的视口高度
const originalHeight = document.body.clientHeight || document.documentElement.clientHeight;

window.onresize = function(){
  var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight;
  if(resizeHeight < originalHeight ){
    // 恢复内容区域高度
    let container = document.getElementById("container")
    container.style.height = originalHeight;
    // 记录input 位置
    let offtop = document.getElemet
  }
}
;