angular material md-tab-content 高度不滚动

Question

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

这是我的html（苗条）

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()']

我可以 post 关于这些选项卡中元素样式的内容，但我不认为是它们导致了问题。我已经尝试了 md-dynamic-height 指令，将 relative 添加到父级，将 absolute 添加到子级等，但仍然没有成功。

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

Answer 1

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

scss

.grandparent {
  overflow: hidden;

  .parent {
    overflow-y: auto;

    // tabs would've been here
  }
}

angular material md-tab-content 高度不滚动

angular material md-tab-content height not scrolling

angularjs

angular-material