Question

这可能是一个简单的问题，但我对此不熟悉......

我正在尝试使用md-tabs元素占据整个屏幕，并且只有选项卡＆＃39;内容滚动。以下是jsFiddle

上的示例

有什么想法吗？ THX！

Answer 1

试试这个：

<body ng-cloak layout="column" ng-controller="AppController as app">
    <md-toolbar layout="row" class="md-toolbar-tools">
        <h1>Welcome!</h1>
    </md-toolbar>
    <div layout="column" flex>
        <md-tabs md-stretch-tabs="always" flex>
            <md-tab label="Tab1">
                add our larger-than-life content here
            </md-tab>
            <md-tab label="Tab2">
            </md-tab>
       </md-tabs>
    </div>
</body>

将flex属性添加到md-tabs将使内部选项卡（md-tab）的内容可滚动。

Answer 2

尝试将此样式添加到div内的md-tab元素：

div{    
  height: 100px; 
  overflow-y: scroll;
}

您的容器必须是固定大小的。此外，您可以使用溢出属性。 Read this了解更多信息。

谢谢

Answer 3

似乎它是0.8.3中的一个错误，现在在master中修复（commit：74601d0）

角度材料设计md-tab滚动内容

3 个答案: