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

Commencez par la reproduction StackBlitz liée et confirmez le viewport vide lors d’un déplacement rapide de la barre de défilement. Suivez ensuite l’implémentation Angular CDK virtual-scroll et comparez les deux viewports, y compris celui qui utilise le workaround signalé. La tâche est terminée lorsque les deux viewports restent remplis pendant un défilement rapide et que des tests de régression couvrent le comportement reproduit.

Rédigé par le modèle d'indexation à partir du texte de l'issue.