如何在键盘上方放置页脚（离子3）

Question

我想将页脚直接放在底部键盘的上方。

HTML：

<ion-footer >
<ion-toolbar>
  <ion-buttons>
    <button ion-button (click) = getBlurred() >
      button1
    </button>
    <button ion-button >
      button2
    </button>
    <button ion-button >
      button3
    </button>
  </ion-buttons>
  {{focusedElement ? focusedElement.value : "null"}}
</ion-toolbar>
</ion-footer>

SCSS：

ion-footer {
    position:fixed;
    bottom : 0;
}

固定属性使我可以将页脚放在底部。 但是，每次我激活输入字段时，位置都会变化。我该如何解决这个问题？