Angular Material 不可滚动的 sidenav
Angular Material Non-scrollable sidenav
我正在研究 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>
在你的 CSS 中,sidenav 应该是 "fixed" :
<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;
}
我正在研究 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>
在你的 CSS 中,sidenav 应该是 "fixed" :
<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;
}