虛擬鍵盤彈起隱藏底部，反之顯示，可通過監(jiān)聽輸入框聚焦(onfocus)，失焦(onblur)事件實現(xiàn)

這是移動端布局的坑，把你的內容包起來加
.main {

  position: fixed;
  top: 0px;
  bottom: 50px;
  overflow-y: scroll;

}

    /*屏幕的高度*/
    let winHeight = window.innerHeight
    window.addEventListener('resize', function() {
      if (winHeight > window.innerHeight) {
        /*安卓手機當鍵盤彈起時設置頁面的高度為屏幕的高度*/
        document.getElementsByTagName('body')[0].setAttribute('height', winHeight+'px')
      }else {
        /*當鍵盤收起時*/
        document.getElementsByTagName('body')[0].setAttribute('height', '100%')
      }
    })

試試看。