0

在vue h5一个项目中,底部为固定定位,安卓端在页面中文本框input获取焦点时,手机自带的键盘会被唤起并且弹出来被键盘顶上去,漂浮于键盘上方。
我试着在加入以下代码

 mounted: function(){ 
    let screenHeight = document.body.clientHeight;
    let u = navigator.userAgent;
    let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
        if (isAndroid) {
            $("html,body").height(screenHeight);
        }

}

这样并没有解决,请问这种情况应该如何解决?

绝恋 124
2019-03-14 提问
3 个回答
0

已采纳

已解决,思路是当弹起键盘时候改成相对定位,收起键盘时候恢复绝对定位

0

给定位部分加个状态,文本框input获取焦点时隐藏,失去焦点时再重新显示

0
handleFocus(e) {
    setTimeout(function() {
        e.target.scrollIntoView(true)
        e.target.scrollViewIfNeeded()
    }, 200)
}

撰写答案

推广链接