primeng - p-virtualScroller の空のリスト項目とスクロールバーの問題

Question

スクローラーを使用したデータのロードを実装するためにprimeng p-virtualScrollerを使用しています。正常に動作していますが、次の問題に直面しています。以下は、私がHtmlで使用しているコードです:

 <p-virtualScroller  [(value)]="employeeList" scrollHeight="300px" [itemSize]="20" [rows]="pageSize"
            [(lazy)]="lazyLoading" (onLazyLoad)="loadCarsLazy($event)" [(totalRecords)]="totalEmployees">

            <ng-template let-emp pTemplate="emptymessage" *ngIf="searchResultMsg">
                <span>{{searchResultMsg}}</span>
            </ng-template>
            <ng-template let-emp pTemplate="item" let-odd = odd  *ngIf="searchResultMsg===''">
                <div (click)="selectEmployee(emp)" class="pl-2 search-list"  [class.odd-row]="odd">{{emp.name}} </div>

            </ng-template>

        </p-virtualScroller>

以下は、説明したい問題です（スクリーンショットを参照）