在现有应用程序中添加Angular MatDialog会阻止页面滚动

import { MatDialog } from '@angular/material/dialog';

constructor(public dialog: MatDialog) {}

openDialog(): void {
  const dialogRef = this.dialog.open(DialogComponent, {
    disableClose: true,
  });
}

import { MatDialog } from '@angular/material/dialog';

constructor(public dialog: MatDialog) {}

openDialog(): void {
  const dialogRef = this.dialog.open(DialogComponent, {
    panelClass: 'no-scroll',
  });
}

.no-scroll {
  overflow: auto !important;
}

import { MatDialog } from '@angular/material/dialog';
import { ScrollingService } from 'path/to/scrolling/service';

constructor(public dialog: MatDialog, private scrollingService: ScrollingService) {}

openDialog(): void {
  const dialogRef = this.dialog.open(DialogComponent);

  dialogRef.afterOpen().subscribe(() => {
    this.scrollingService.disableScroll();
  });

  dialogRef.afterClosed().subscribe(() => {
    this.scrollingService.enableScroll();
  });
}