bug(table): Sticky header flickering

Sticky header works with flickering with infinity scroll especially if scroll opposite direction. This is well-known issue for a couple of years, that appeared in some topics but still has no special topic.

#### Reproduction
https://user-images.githubusercontent.com/2244675/104481026-54436f80-55d6-11eb-8454-3eccc67c34a7.mov

E.g. with old version of Angular, but the same with last one. Also there are a lot of examples here https://github.com/angular/components/issues/10122#issuecomment-754283238 or in other issues where the effect appeared
https://stackblitz.com/edit/mat-table-virtual-scroll-div

- Angular: v10, v11
- CDK/Material: v10, v11
- Browser(s): Chrome, Firefox, Safari, Edge
- Operating System: Windows, macOS, Ubuntu

まず、リンクされた StackBlitz の再現を実行し、その動作を添付された動画および Angular issue #10122 の例と比較します。記載されたブラウザ全体で、テーブルの sticky-header と virtual/infinite-scroll の動作を調査します。両方向にスクロールしてもヘッダーがちらつかないことを完了条件とします。

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