屏幕底部的粘滞按钮离子

Question

我正在使用ionic制作一个Android应用，我想知道如何制作一个粘滞按钮，当用户向下滚动时，该按钮始终显示在屏幕底部。

Answer 1

您可以使用 footer 组件：

  

页脚是位于页面底部的页面的根组件。   页。页脚可以用作离子工具栏的包装，以确保其中的内容   区域的大小正确。

<ion-content></ion-content>

<ion-footer>
  <ion-toolbar>
    <button ion-button text-only>Your Button</button>
  </ion-toolbar>
</ion-footer>

由于ion-footer被放置在ion-content的外部之外，即使页面上有很多内容并且用户位于页面顶部。

---

StackBlitz demo

---