Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度材质不可滚动侧导航_Angular_Angular Material_Sidenav_Non Scrolling - Fatal编程技术网

Angular 角度材质不可滚动侧导航

Angular 角度材质不可滚动侧导航,angular,angular-material,sidenav,non-scrolling,Angular,Angular Material,Sidenav,Non Scrolling,我正在研究角度材质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-co

我正在研究角度材质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应该是“固定的”:

<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>
.sidenav-fixed {
position:fixed;
}