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>