为什么 ion-fab-button 没有固定在 ionic 4 popover 内？

我正在开发一个 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-button 应保持固定在弹出窗口的右上角位置，但实际上它并没有保持固定，而是与其余内容一起滚动。 谁能告诉我为什么以及如何解决它？

我还尝试将按钮插入离子头内，但也尝试过ion-header与弹出窗口的其余部分一起滚动。我也尝试过使用cssposition:fixed对于这个按钮，但它不起作用。

有人可以帮助我吗？

这对我来说适用于 2021 年 2 月 25 日的 Ionic 5

html

 <div class="fixed">

        <ion-fab vertical="top" horizontal="end" edge slot="fixed">
          <ion-fab-button size="small">
            <ion-icon name="camera"></ion-icon>
          </ion-fab-button>
        </ion-fab>

      </div>

css

.fixed {
    position: fixed;
    bottom: 30px;
    right: 0;
}