Vue移动端输入表单键盘恢复后，页面被抬起无法返回或者遮罩层里面事件全部失效

我遇到的这个问题主要存在2个不同的情景，第一种当可输入表单与当前页面在同一层级；第二种是当前页面，输入表单在弹框的里面，键盘抬起时父容器被抬起，弹框内所有事件无法使用。

第一种情况下：处于同层面；

<input type="text" v-model="phoneUserInfo.name" @blur="gotoView" @focus="gotoView"/>

gotoView (event) {
    let This = event.currentTarget;
    setTimeout(() => {
        This.scrollIntoView({
           block: 'end',
           behavior: 'smooth'
         });
    }, 500);
}

第二种：处于不同层级。代码相同只是在js里面加上一句话

window.scrollTo(0,0);

让页面滚动到顶部，这样就实现想要的效果了。