Я занимаюсь разработкой приложения ionic 4 и создал поповер.Внутри этого поповера я хочу использовать ion-fub-button
, который должен быть зафиксирован в верхнем правом углу поповера.
Код HTML, который я написал, выглядит так:
<ion-content>
<ion-fab vertical="top" horizontal="end" slot="fixed">
<ion-fab-button (click)="getStats()">
<ion-icon id="closeBTN" name="stats" color="light">
</ion-icon>
</ion-fab-button>
</ion-fab>
<div>
......
</div>
</ion-content>
Как видите, я хочу, чтобы кнопка ion-fab оставалась ИСПРАВЛЕННОЙ в верхнем правом положении поповера, но на самом деле она не остается фиксированной, а прокручивается вместе с остальным содержимым.Может кто-нибудь сказать мне, почему и как я могу это исправить?
Я также пытался вставить кнопку внутри ионного заголовка, но также прокручивал ion-header
с остальной частью поповера.И я также пытался использовать css position:fixed
для этой кнопки, но она не работает.
Кто-нибудь может мне помочь?