Установка ионной прокрутки по высоте сегмента

Question

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

Это мой код

<ion-header>
         <ion-navbar>
            <ion-buttons left>
             <button ion-button menuToggle>
             <p>MENU</p>
           </button>
           </ion-buttons>
  <ion-title>PARTIES & ENTERTAINMENT</ion-title>
  <ion-buttons right class="iconbutton">
    <button ion-button >
    <img src="assets/imgs/PasaBon_icon_white.png" style="display: inline- 
      block;"/>
  </button>
  </ion-buttons>

</ion-navbar>

<ion-scroll sticky scrollx="true" *ngIf="segments">
    <div class="buttonsdiv" >
        <ion-segment [(ngModel)]="categories">
          <ion-segment-button *ngFor="let cat of segments" [value]="cat.name">
            {{cat.name}}
          </ion-segment-button>          
        </ion-segment>
      </div>
    </ion-scroll>

  <div *ngIf="events && segments">

      <div [ngSwitch]="categories">

        <div *ngFor="let seg of segments">

          <div *ngSwitchCase="seg.name">
            <catlist [list]="events" [cat]="seg.cat"></catlist>
          </div>

        </div>

      </div>

    </div>

Вот некоторые изображения:

Это разрыв:

Это при первой загрузке:

То же самое происходит на iOS:

iOS 2: