app虚拟键盘弹起遮住输入框

之前查找过很多资料，试过不少方法，目前以下这种方法基本能解决我的问题。
开始之前先对scrollIntoView()的用法说明一下：

scrollIntoView是一个与页面（容器）滚动相关的API。调用方法为 element.scrollIntoView() 参数默认为true。
参数为true时调用该函数，页面（或容器）发生滚动，使element的顶部与视图（容器）顶部对齐；

参数为false时，使element的底部与视图（容器）底部对齐。
资料参考自scrollIntoView()的用法

---

1.标记好输入框位置

<input type="text" id="input0" (focus)="scrollTo()" (blur)="onblur()">

2.当聚焦于输入框时，使输入框要与视图底部对齐。

//解决因键盘弹起遮住输入框的问题
scrollTo() {
  let panel=document.getElementById("input0");
  this.interval=setInterval(function(){
    panel.scrollIntoView(false);
  },200)
}
//当焦点移开时，清除定时器
onblur(){
  window.clearInterval(this.interval);
}

效果图如下：