角度材料 md-tab-content 高度不滚动

Question

我正在用有棱角的材料建造一些东西。其中之一是有一些标签，并用一些有用的信息填充它们。现在我正在这样做，并用ng-repeat 中的一些指令填充其中一个选项卡。现在唯一的问题是标签正在切断元素，我无法向下滚动。

这是我的 html (slim)

md-content.md-padding
  div.registered-events[layout="row" layout-align='space-between center' layout-wrap]
    card-small.persona-card-result[object='e' ng-repeat='e in events()']

我可以在这些选项卡中发布有关元素样式的资料，但我认为不是它们导致了问题。我尝试了md-dynamic-height 指令，将relative 添加到父级，将absolute 添加到子级等，但仍然没有运气。

有谁知道如何增加高度并使 md-tab-content 可滚动？

Answer 1

通过将 this 添加到父元素和选项卡的父元素来解决此问题。选项卡位于链条的更下方（孙元素）

scss

.grandparent {
  overflow: hidden;

  .parent {
    overflow-y: auto;

    // tabs would've been here
  }
}