bug(cdk-virtual-scroll): Scrolling fast makes the viewport blank until scrolling stops

#### Reproduction

https://stackblitz.com/edit/angular-qxcwbr

Steps to reproduce:
There are two virtual scroll viewports - the first has the problem. Take the scroll bar with the mouse and scroll down fast. The whole viewport will be blank as long as you scroll.
The second viewport uses a bizarre fix and if you try the same it will magically work.

#### Expected Behavior

Both of the viewports should scroll without viewport going blank

#### Actual Behavior

Without the bizarre fix the viewport becomes blank while fast scrolling

#### Environment

- Angular: 10.2.2
- CDK/Material: 10.2.7
- Browser(s): Chrome Version 86.0.4240.111 (Official Build) (64-bit)
- Operating System (e.g. Windows, macOS, Ubuntu): Windows 10

Bắt đầu với bản tái hiện StackBlitz được liên kết và xác nhận viewport trống trong khi di chuyển thanh cuộn nhanh. Sau đó, lần theo phần triển khai Angular CDK virtual-scroll và so sánh hai viewport, bao gồm cả viewport sử dụng workaround đã được báo cáo. Công việc được xem là hoàn tất khi cả hai viewport vẫn có nội dung trong lúc cuộn nhanh và có độ bao phủ kiểm thử hồi quy cho hành vi đã tái hiện.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.