美文网首页vue系列uni
h5移动端虚拟键盘打开高度减小处理

h5移动端虚拟键盘打开高度减小处理

作者: litielongxx | 来源:发表于2024-12-17 17:32 被阅读0次

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>

相关文章

网友评论

    本文标题:h5移动端虚拟键盘打开高度减小处理

    本文链接:https://www.haomeiwen.com/subject/gpilejtx.html