Angular Material - mdContent 不能正确滚动

Question

我正在使用 angular material 创建一个页面，该页面顶部有一个固定的工具栏，工具栏旁边有一个 md-content。但是我不能使工具栏变粘。我已经阅读了很多次文档，它应该很简单：

<body layout="column">
    <md-toolbar>
    ...
    </md-toolbar>

    <md-content>
    ...
    </md-content>
</body>

并且 md-content 应该已经设置为 overflow: auto。但是就像文档中的第一个示例一样，即使我将 overflow 设置为 scroll。还是不行。

请参阅codepen

Answer 1

在需要滚动的元素上设置高度，否则它将不知道需要滚动的部分。

<md-content flex="" layout-padding="" style="overflow: auto; height: 200px;">

Angular Material - mdContent doesn't scroll properly