美文网首页
在安卓app内部嵌入H5页面时,input 框获取到焦点 键盘

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

作者: 犹豫大王 | 来源:发表于2018-07-23 14:40 被阅读0次

这个问题安卓和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 框获取到焦点 键盘

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