Часть моего представления списка ионов не отображается, и я не могу прокрутить, пока не увижу их в Ionic3

Question

У меня есть страница сведений о доставке со структурой.

<ion-header></ion-header>
<ion-content>
   <ion-list>some ion-item's</ion-list>
   <ion-list>some ion-item's</ion-list>
   <ion-list>some more ion-item's (here my items aren't shown) and a button</ion-list>
</ion-content>
<ion-footer></ion-footer>

Я не вижу последний элемент и кнопку. прокрутка возможна, пока я не доберусь до последнего пункта в моем списке.

Кажется, я не могу найти свою проблему. Я пытался расширить свой ионный контент, чтобы получить больше места, но по какой-то причине это не работает.

Заранее спасибо!

С уважением, Ник ван Хёрк

Answer 1

Я исправил это с помощью ионной прокрутки.

<ion-content class="scrollable">
   <ion-scroll scrollY="true" class="scroll">
      <ion-list>some ion-item's</ion-list>
      <ion-list>some ion-item's</ion-list>
      <ion-list>some more ion-item's (here my items aren't shown) and a button</ion-list>
   </ion-scroll>
</ion-content>

CSS:

   .scrollable {
      overflow-y: hidden;
    }

   .scroll {
      width: 100%;
      height: 150%;
   }