在输入数据到离子输入时将底部页脚固定到底部

Question

我有一个页面，如果它的本机存储空是div出现，当我尝试输入数据到该离子输入键盘时，div有输入字段与页脚栏一起向上推。

<ion-content>
   <div>...........</div>
</ion-content>
<ion-footer class="bottom_bar">
    <ion-row > <ion-col> ....</ion-col><ion-row>
    <ion-row > <ion-col> ....</ion-col><ion-row>
</ion-footer>

在我的CSS中

.bottom_bar
    {
        position: fixed;
        bottom: 2vh;
        width: 100%;
    }

Answer 1

尝试以下默认类

  <ion-content>
    <button fab fab-left fab-bottom danger fab-fixed>
  <ion-icon name="add"></ion-icon>
</button>

<ion-fixed class="fixed-div">
<button fab fab-right fab-bottom dark>
  <ion-icon name="add"></ion-icon>
</button>
</ion-fixed>

<style>
.fixed-div {
  right: 0;
  bottom: 0;
}
</style>