在安卓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()即可

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容