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

リンクされた StackBlitz の再現ケースから始め、スクロールバーを素早く動かしている間にビューポートが空白になることを確認します。次に Angular CDK virtual-scroll の実装を追跡し、報告された workaround を使用するものを含めて 2 つのビューポートを比較します。高速スクロール中も両方のビューポートに内容が表示されたままで、再現した挙動に対するリグレッションテストのカバレッジがあれば完了です。

索引モデルが issue の本文から書いたものです。