在安卓app内部嵌入H5页面时,input 框获取到焦点 键盘遮住input 框

这个问题安卓和iOS端 出现的情况不一样,安卓的话会遮住input 框

这时候用到一个方法很给力

function bindAndroidScroll(that) { // that 输入框

                if (!this.isI) {// 判断是否是安卓

                    setTimeout(function () {

                        that.scrollIntoView();

                    }, 500);// 弹出键盘后0.5秒 再隐藏,有的安卓手机反应慢

                }

            }

这个方法适合输入框在页面的中间位置

如果输入框在页面的底部  需要在input框focus的时候给父容器增加padding-bottom

padding-bottom 需要比输入框高 

设置padding-bottom后  再用bindAndroidScroll()即可

你可能感兴趣的:(在安卓app内部嵌入H5页面时,input 框获取到焦点 键盘遮住input 框)