修復底部頁腳到底部輸入數據到離子輸入

Question

我有一個頁面，如果它的本機存儲是空的div出現，當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>