Липкая кнопка ионная в нижней части экрана

Question

Я делаю Android-приложение с ionic, и я хочу знать, как сделать липкую кнопку, которая всегда будет отображаться внизу экрана, когда пользователь прокручивает страницу вниз.

Answer 1

Вы можете использовать нижний колонтитул :

Нижний колонтитул является корневым компонентом страницы, которая находится в нижней части стр. Нижний колонтитул может быть оболочкой для ионной панели инструментов, чтобы убедиться, что содержимое Площадь имеет правильный размер.

<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

---