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

Bắt đầu với bản tái hiện StackBlitz được liên kết, đặc biệt là src/app/cdk-virtual-scroll-context-example.ts, và so sánh trình xử lý scroll của div thông thường với cdkScrollable.elementScrolled(). Tái hiện thứ tự của các breakpoint trong Chrome, sau đó lần theo đường đi của sự kiện CDK virtual-scroll. Được xem là hoàn tất khi sự kiện scroll được phát ra trước khi cuộn hiển thị và bản tái hiện thể hiện thứ tự đã được sửa.

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