Firebase集成后，为什么我的离子晶圆厂不再浮动？

Question

我的ion-fab运作良好，直到我在此页面上集成了一个Firebase数据库，现在它位于相同的位置，但是可以滚动显示内容，该内容现在包含在我的列表下，这是我以前没有的空白。有人以前有这个问题吗？

我尝试过使用CSS，但没有结果

HTML

---

collision()

打字稿

---

<ion-content>
    <ion-card *ngFor="let idea of (ideas | async)" class="card">
        <ion-item>
        <ion-icon name="clipboard" size="large" slot="start"></ion-icon>
        <ion-label>{{ idea.name }}</ion-label>
        <ion-button fill="outline" slot="end" [routerLink]="['/newform', 
              idea.id]">View</ion-button>
        </ion-item>
        <ion-card-content>
        <ion-item>
                    {{ idea.notes }}    
        </ion-item>
        </ion-card-content>
        </ion-card>
    <ion-fab vertical="bottom" horizontal="end" slot="fixed">
    <ion-fab-button (click)="openNewform()">
      <ion-icon name="add"></ion-icon>
    </ion-fab-button>
  </ion-fab>
</ion-content>