角度材料设计 - 固定侧杆

Question

如何创建固定边栏和可滚动内容。如他们网站上所示。

https://material.angular.io/components/

我尝试使用此功能 - https://material.angular.io/components/sidenav/examples

但是它强制你设置我不想做的宽度和高度，因为我想使用完整的浏览器宽度并且它是响应的。

.example-sidenav-fab-container {
  width: 500px;
  height: 300px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

Answer 1

固定位置对侧导航按预期不起作用，因此您必须将宽度和高度设置为固定量，以便使用可滚动内容修复侧导航。

问题已记录在案，并打算在下一版本中修复。 https://github.com/angular/material2/issues/998

临时修复：

.mat-sidenav-content,
.mat-sidenav-container,
.mat-drawer-content {
    transform: none !important;
}