【发布时间】: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 做任何特别的事情,因为它默认是可滚动的。
这是一个显示问题的堆栈闪电战。您应该能够滚动侧导航,然后打开并覆盖并注意侧导航仍然可以滚动
【问题讨论】:
-
查看块滚动策略代码github.com/angular/components/blob/… 它看起来就像这个策略只阻止了正文的滚动。您需要的是将来可能在角度组件上记录的请求
-
@wnvko 好吧,真可惜。我也尝试了重新定位策略,但没有运气。假设那里也有类似的东西?
-
你检查过滚动策略吗? material.angular.io/cdk/overlay/overview#scroll-strategies 似乎 BlockScrollStrategy 是专门为此而设计的
标签: angular angular-material angular-cdk