vue H5移动端；底部bottom固定定位，安卓弹起键盘导致页面变形如何解决？

Question

在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);         } }这样并没有解决，请问这种情况应该如何解决？

Answer 1

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

Answer 2

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