这个问题安卓和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()即可
网友评论