css - Angular Material md-tab 滚动内容

Question

我正在尝试在 md-tab 中使用 overflow-y: scroll css 样式设置可滚动内容，但它不起作用显示滚动条但未激活

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

我该如何解决这个问题？

Answer 1

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

CSS:

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

demo

如果这不是您要查找的内容，请进一步解释问题或添加一些代码。