cdk virtual scroll emit scroll event after visual scroll

Reproduction:
https://stackblitz.com/edit/angular-7xvdmw?file=src%2Fapp%2Fcdk-virtual-scroll-context-example.ts

Steps to reproduce:
Put a breakpoint on the two different console.log (one in normal div and one in elementScrolled())
Try to scroll on the normal div and the one with virtual scroll

Actual Behavior
- The normal div will stop at the breakpoint when you try to scroll, there it no visual scrolling at this time. The visual scrolling is after the scroll event.
- The cdkScrollable emit the scroll event after the visual scrolling. Even I put a (scroll) in the html, I still got the event after the visual scroll.

The scroll event should emit before the visual scroll.

Environment
Angular: 10.0.0
CDK/Material: 10.0.0
Browser(s): chrome
Operating System (e.g. Windows, macOS, Ubuntu): windows

Beginnen Sie mit der verlinkten StackBlitz-Reproduktion, insbesondere mit src/app/cdk-virtual-scroll-context-example.ts, und vergleichen Sie den Scroll-Handler des normalen div mit cdkScrollable.elementScrolled(). Reproduzieren Sie die Reihenfolge der Breakpoints in Chrome und verfolgen Sie anschließend den Ereignispfad des CDK virtual-scroll. Als abgeschlossen gilt die Aufgabe, wenn das Scroll-Ereignis vor dem visuellen Scrollen ausgegeben wird und die Reproduktion die korrigierte Reihenfolge demonstriert.

Vom Indexierungsmodell aus dem Issue-Text verfasst.