Angular材料md-tab滚动内容

Question

我尝试在md-tab中设置F1 css样式的可滚动内容，但它不起作用滚动条显示但未激活

我通过固定高度来启用它，但我希望它能动态地适应内容高度

我该如何解决这个问题？

Answer 1

我猜您正在尝试将标签页保留在可滚动区域之外，并使标签内容仅可滚动。如果是这种情况，您可以使用vh设置标签内容的高度。这将使标签标签保持在视图中，并使高度动态和内容可滚动。

的CSS：

>>> .mat-tab-body-content {
    height: 90vh !important;
}

demo

如果这不是您想要的，请进一步解释一下这个问题或添加一些代码。