正在进行的任何项目列表-完美的滚动条不会显示列表中的所有项目

Question

正在进行的任何项目列表-完美的滚动条不会立即显示列表中的所有项目，而是需要一些时间才能根据列表中的项目号显示所有项目。

<perfect-scrollbar class="scroll-content" (psYReachEnd)="loadCustomers(nextPageToken, searchString)">
    <ng-container *ngIf="isNewCustomer">
        <mat-card class="card-list cursor-pointer row">
            <span class="col-12 padding">{{ 'label.new' | translate }} {{ 'label.customer' | translate }}</span>
        </mat-card>
    </ng-container>
    <ng-container *ngIf="!isManualStore && customers.length <= 0">
        <mat-card class="card-list cursor-pointer row">
            <span class="col-12 padding">{{ 'label.noCustomerAvailable' | translate }}</span>
        </mat-card>
    </ng-container>
    <ng-container *ngFor="let customer of customers">
        <mat-card class="card-list cursor-pointer row"
                  [class.selected]="selectedCustomer?.id === customer.id"
                  [class.progress-100]="customerType.Domestic === customer.customerType"
                  [class.progress-0]="customerType.International === customer.customerType"
                  [class.progress-50]="customerType.Both === customer.customerType">
            <div (click)="openDetail(customer)" class="padding list-text">
                {{ customer.name }}
            </div>
            <div *ngIf="customer?.source?.type === sourceType.Manual"
                 appDialog="alert"
                 dialogIcon="delete"
                 dialogTitle="{{ 'label.delete' | translate }} {{ customer.name }}"
                 dialogDescription="{{ 'label.deleteCustomer' | translate }}"
                 dialogDescriptionBold="{{ customer.name }} + {{ customer.addresses?.length }} {{ 'label.customerAddresses' | translate }}"
                 dialogNote="{{ 'label.note' | translate }} {{ 'label.deleteNote' | translate }}"
                 dialogButtonsPosition="center"
                 [dialogButtons]="[
                    {
                        path: ['label.delete', 'label.customer'],
                        color: 'primary',
                        value: true
                    }
                 ]"
                 (dialogResult)="!($event) || deleteCustomer(customer)"
                 class="delete"><mat-icon>delete</mat-icon></div>
        </mat-card>
    </ng-container>
</perfect-scrollbar>