角度材料设计 - 固定侧杆

如何创建固定侧杆和可滚动内容。就像在他们的网站上展示角度材料设计 - 固定侧杆

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); 
}

来源

2017-10-05 KHAN

你在说什么？它不会强制您设置宽度和高度。 '.example-sidenav-fab-container' css用于sidenav和内容的容器。 sidenav的高度始终填满其容器。宽度默认为fts内容的大小。阅读他们的[文档]（https://material.angular.io/components/sidenav/overview#sizing-the-sidenav） –

如果你尝试在plunker的例子，并删除宽度和高度。 sidenav的功能通过可滚动内容修复不起作用。 @JunKang看这里https://plnkr.co/edit/4abHHqpiH2xkvFynLTk9?p=preview。侧面导航不固定。所有做的都是添加更多内容并删除宽度和高度。 – 2017-10-05 20:07:32

，如果你看他们的官方网站的这个页面。 https://material.angular.io/components/input/overview的功能，他们有固定的侧栏和内容都是seperatly scrollabble，这是即时通讯之后。 – 2017-10-05 20:12:00

位置被固定有滚动的内容。

问题已形成文件，意味着要在下一个版本中修复。 https://github.com/angular/material2/issues/998

临时的解决办法：

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

来源

2017-10-05 20:25:32

角度材料设计 - 固定侧杆

回答

相关问题