h5 移动端 软键盘弹起遮挡输入框

在一些机型上面点击input，弹出的键盘会挡住输入框，解决办法
模拟一个滚动
在需要显示的地方下面加一个div，给他一个高度

 <div
  class="scrollDown"
  v-if="scrollDown"
  ref="scrollDownDiv"
  ></div>
.scrollDown {
    height: 1px;
}

在focus的时候，显示这个div，并且滚动到可见区域
在blur的时候，隐藏div

   focus() {
        this.scrollDown = true;
        this.$nextTick(() => {
            (this.$refs.scrollDownDiv as any).scrollIntoView();
        });
    }
   blur() {
        this.scrollDown = false;
    }