Ionic 3 исправляет div в верхней части страницы и продолжает отображаться, даже когда пользовательская прокрутка вверх и вниз не работает с использованием скрипта sass

Question

У меня есть этот заголовок, который мне нужно исправить, даже когда пользователь прокручивает вверх и вниз или нажимает на вход, чтобы заполнить его:

<ion-card class="fixed">
    <ion-card-header>
      Welcome
    </ion-card-header>
</ion-card>

И .fixed:

.fixed{
  position: fixed;
  top: 0;
  width: 100%;
  padding-right: 1em;
}

Но div продолжает исчезать, когда я прокручиваю вниз.

Вот stackblitz .

Answer 1

Вы пытались положить эту карту в <ion-header></ion-header>?Вы можете добавить пользовательские стили в ion-header после.