angular - 在 md-sidenav-layout 中时，md-toolbar 可以固定在顶部吗？

Question

我真的在这里挣扎。我们正在使用 md-sidenav-layout 并发现无法想出一种将 md-toolbar 固定到页面顶部的方法:

|--------------------------------|
|   <------ md-toolbar ------->  |       <- fix this so content scrolls under
|--------------------------------|
|                               ^|
|           scrollable           |
|                               v|
----------------------------------

由于 md-sidenav-layout 似乎会自行修复的方式，添加

style: fixed

md-toolbar 并没有修复它——事实上似乎什么都没有!

感谢任何帮助。

Answer 1

使用这个:

<md-toolbar color="primary" layout="row" style="position: fixed;">
</md-toolbar>
<md-sidenav-container fullscreen>
</md-sidenav>

CSS:

.mat-toolbar.mat-primary{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
}