移动端登录,键盘遮挡输入框问题

template

<div class="xf_login">
    <input class="inputCell_input" @focus="inputFocus(220)" type="text" v-model="name" placeholder="用户名">
      <mt-header fixed title="登录">
      </mt-header>
</div>

script

    inputFocus(num){
      setTimeout(()=>{
        document.querySelector(".xf_login").scrollTop = num
      }, 700);
      //请务必加上setTimeout
    },