Angular Material 2 在 Mat 选项卡内滚动

Question

我想要一个 sidenav，它在顶部有一些按钮，在下面有包含不同数据的选项卡。我想让选项卡的内部滚动，这样顶部的按钮就永远不会消失，这样我的用户就不会在想要使用其中一个按钮时向上滚动。

这是一个例子:https://stackblitz.com/edit/angular-wdjfaa

正如您在示例中看到的，当您打开抽屉时，没有任何滚动。在我添加的 styles.scss 中

.mat-drawer {
    overflow-y: unset!important;
}

这样整个抽屉就不会滚动了。我能够让它滚动的唯一方法是为选项卡主体设置固定的像素高度，我不想这样做，因为我需要它具有 100% 的高度。

有人有什么想法吗？

谢谢!

Answer 1

我只是将其更改为滚动，它似乎有效:

.mat-drawer {
    overflow-y: scroll
}

这是您要实现的目标吗？ https://stackblitz.com/edit/angular-wdjfaa-w7vurx