离子滚动条不起作用

Question

我正在制作应用程序，其中需要显示从服务器获取的客户端列表。

为每个客户端显示一个客户端组件。问题在于客户端列表的长度大于屏幕尺寸，因此我将客户端组件放在ion-scroll标签内，但是滚动不起作用。

我尝试使用scrollY="true" overflow-y: scroll direction="Y"，但是滚动无法正常工作。

<ion-content padding overflow-scroll="true">
    <ion-searchbar
      [(ngModel)]="myInput"
      [showCancelButton]="shouldShowCancel"
      (ionInput)="onInput($event)" >
    </ion-searchbar>
    <ion-scroll style="width:100%;height:100vh;overflow-y: scroll" scrollY="true">
      <client-item *ngFor="let client of clientList; let clientNo = index" [name]="client.name" [email]="client.email" (click)="displayClientProfile(clientNo)">
      </client-item>
    </ion-scroll>
</ion-content>

屏幕快照：