h5移動端虛擬鍵盤打開高度減小處理

js
h5頁面默認可視高度750,輸入框點了后彈出手機自帶輸入框。
ios是頁面和虛擬鍵盤不在同一層級,安卓看各家處理在同一級。
可視高度頁面可能就變例如450了,底部的固定按鈕等就會自動”位移“上來。
以下是通過改變時固定頁面高度,自動滑動到底部讓彈出時也正常

<script>
    let height = window.innerHeight
    window.addEventListener('resize', function () {
      document.body.style.height = height + 'px'
      window.scrollTo(0, 50)
    })
  </script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容