离子卷轴将高度设置为分段高度

时间:2018-09-26 15:57:25

标签: angular typescript ionic-framework sass

离子含量一直在各部分之下,并且离子卷中存在巨大的空白。

这是我的代码

<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>

以下是一些图片:

这是差距:

this is the gap

这是第一次加载:

This is at first load

iOS上发生了同样的事情:

same thing happens on iOS

iOS 2:

iOS 2

0 个答案:

没有答案