【问题标题】:Angular Material CDK Overlay scroll block not working when in nav sidebar在导航侧边栏中,Angular Material CDK Overlay 滚动块不起作用
【发布时间】:2020-06-20 02:10:11
【问题描述】:

我正在向 mat-sidenav 添加 CDK 覆盖。当覆盖打开时,我想阻止在 mat-sidenav 上滚动。

我创建了滚动被阻止的覆盖:

const overlayConfig = new OverlayConfig({
  scrollStrategy: this.overlay.scrollStrategies.block(),
});

const overlayRef = this.overlay.create(overlayConfig);

我没有对 mat-sidenav 做任何特别的事情,因为它默认是可滚动的。

这是一个显示问题的堆栈闪电战。您应该能够滚动侧导航,然后打开并覆盖并注意侧导航仍然可以滚动

https://stackblitz.com/edit/angular-z68qqg

【问题讨论】:

标签: angular angular-material angular-cdk


【解决方案1】:

您必须在可滚动容器上添加 cdk-scrollable 指令,如本期所述 https://github.com/angular/components/issues/6157

【讨论】:

    猜你喜欢
    • 2016-07-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-28
    • 2020-12-31
    • 1970-01-01
    • 2022-11-05
    • 1970-01-01
    相关资源
    最近更新 更多