我正在向 mat-sidenav 添加 CDK 覆盖。当覆盖层打开时,我想阻止在 mat-sidenav 上滚动。
我创建覆盖滚动阻止:
const overlayConfig = new OverlayConfig({
scrollStrategy: this.overlay.scrollStrategies.block(),
});
const overlayRef = this.overlay.create(overlayConfig);
我没有对 mat-sidenav 做任何特别的事情,因为它默认是可滚动的。
这是一个显示问题的堆栈 Blitz 。您应该能够滚动侧边导航,然后打开并覆盖并注意侧边导航仍然是可滚动的
https://stackblitz.com/edit/angular-z68qqg
最佳答案
您必须在可滚动容器上添加 cdk-scrollable 指令,如本期所述
https://github.com/angular/components/issues/6157
关于Angular Material CDK Overlay 滚动 block 在导航侧边栏中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60579334/