前端 - uni写h5，输入框聚焦时虚拟键盘遮住了输入框 怎么解决啊?

Question

uni写h5，输入框聚焦时虚拟键盘遮住了输入框 你们是怎么解决的啊

Answer 1

我是写原生小程序时遇到这个问题，我的解决思路是：https://segmentfault.com/a/1190000043904921

Answer 2

得看你用的什么UI库了，一般都会提供一个 <input> 组件都会提供 键盘弹起时，是否自动上推页面 这样的属性。
比如说 uni-app 原生提供的 <u-input> 组件的 adjust-position 属性。 uViewUI 提供的 adjustPosition 属性，但是一般默认都是打开的。

所以检查一下你的业务代码。

Answer 3

var oldHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    window.addEventListener("resize", function() {
        var newHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
        if ( oldHeight > newHeight ){
            //键盘显示
            var div=document.getElementById("add").offsetHeight;//获取窗口高度
            var keyBoard=oldHeight-newHeight;//获取键盘高度
            var scrollHeight=div-keyBoard+51;//窗口需滚动的高度
            document.getElementById("removeHeight").style.height=div+scrollHeight+'px';//重设div的高度
            document.getElementById("add").scrollTop =scrollHeight;//设置滚动高度
         }else{
          //键盘不显示
         }
    });