Angular Material Modal 导致窗口向下滚动

Question

每当打开 mdDialog（Angular Material 模态）时，class="cdk-global-scrollblock" 和 style="left: 0px; top:0px;" 就会被注入 HTML 正文中，并且窗口会一直向下滚动。预期结果是打开模式时窗口不应滚动。

当modal关闭时，这个注入的代码就消失了。

这似乎是 Angular Material 中的一个错误，但只是好奇是否有任何解决方法。

Answer 1

我知道这是一个老问题，但我花了很长时间才找到解决方案。 将styles.css 中的cdk-global-scrollblock CSS 属性更改为

.cdk-global-scrollblock {
  position: initial;
}