angular - Angular Material 不可滚动的sidenav

Question

我正在研究 Angular Material sidenav。向下滚动主页时​​，如何使侧面导航不滚动但保持静止？

<mat-drawer-container>
    <mat-drawer mode="side" opened position="end">My drawer content</mat-drawer>
    <mat-drawer-content>Main content</mat-drawer-content>
</mat-drawer-container>

Answer 1

在您的 CSS 中，您的 sidenav 应该是“固定的”：

<mat-drawer-container>
    <mat-drawer class="sidenav-fixed" mode="side" opened position="end">My drawer content</mat-drawer>
    <mat-drawer-content>Main content</mat-drawer-content>
</mat-drawer-container>

样式.css/sccs ：

.sidenav-fixed {
position:fixed;
}