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

リンクされた StackBlitz の再現例、特に src/app/cdk-virtual-scroll-context-example.ts から始め、通常の div のスクロールハンドラーと cdkScrollable.elementScrolled() を比較します。Chrome で breakpoint の順序を再現してから、CDK virtual-scroll のイベント経路を追跡します。スクロールイベントが視覚的なスクロールより前に発行され、再現例で修正後の順序が示されれば完了です。

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