角材料不可滚动侧面

Question

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

extension

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>

styles.css / sccs：

.sidenav-fixed {
position:fixed;
}