Sticky columns are not correctly positionned when there are 2 sticky columns on the left

#### Reproduction

[Reproduced on stackblitz](https://stackblitz.com/edit/components-issue-8ut7gg)

Steps to reproduce:
1. Define a mat-table with 2 sticky columns on the left
2. Use the horizontal scrollbar
3. Position of the second column is not correctly computed

#### Expected Behavior

What behavior were you expecting to see?

Two sticky columns, correctly positioned and not moving when using the horizontal scrollbar.

#### Actual Behavior

What behavior did you actually see?

1. Sometimes, the second sticky column is actually moving when using the horizontal scrollbar (see the 3rd example on my stackblitz)
2. Sometimes the second sticky column is sticky, but not correctly positioned (see the 2nd example on my stackblitz: this column is too far on the right).

#### Environment

- Angular: 7, 8
- CDK/Material: 7, 8
- Browser(s): Firefox 71.0, Chromium 75.0.3770.142
- Operating System: Windows 10, Ubuntu 18.04

リンクされている StackBlitz の再現例と、水平スクロール中に左側の2つの sticky columns に焦点を当てた Angular Material mat-table の sticky-column の動作から始めます。報告された例における2列目の位置を比較し、一覧にある Firefox および Chromium 環境全体で結果を確認します。両方の sticky columns が固定されたままで、2列目が正しく配置されれば完了です。

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