垫子对话框重叠背景

Question

在我的应用程序中，我的页面上有一个滚动条。当我尝试打开该页面上的 mat 对话框时，我希望隐藏滚动条的空白区域。并且 mat-dialog 应该与背景的空白区域重叠。 谁能建议我怎样才能做到这一点

在我的 scss 中，我已经尝试提供这些属性，但它不起作用： 位置：固定； z-索引：10000；

Answer 1

可以将body的overflow属性设置为hidden，在mat-dialog中添加一个class，将position设置为fixed。在 SCSS 文件中，您可以使用以下内容：

body {
  overflow: hidden;
}

.mat-dialog-container {
  position: fixed;
  z-index: 10000;
}