javascript - 如何修复 md-tabs 和 md-toolbar 以及滚动 md-content？

Question

我正在尝试做这样的事情:

<md-tabs>
  <md-tab label="First Tab">
    <md-toolbar></md-toolbar>
    <md-content>
      <md-list>
        <md-list-item ng-repeat="item in items">
          <md-item-content>
            <div>
              {{item}}
            </div>
          </md-item-content>
        </md-list-item>
      </md-list>
    </md-content>

  </md-tab>
  <md-tab label="Second tab">
    <md-list flex>
      <md-list-item ng-repeat="item in items">
        <md-item-content>{{item}}</md-item-content>
      </md-list-item>
    </md-list>
  </md-tab>
</md-tabs>

我希望选项卡和工具栏固定(始终可见)并滚动列表的内容。我找不到办法做到这一点。还有其他类似的问题报告(例如 here )，但它们似乎是旧的并且应该已修复。我正在使用 angular-material 0.10.0

笨蛋 here

Answer 1

您可以使用一点 CSS 来做到这一点。

Add a class to the elements with position:fixed !important

不要忘记使用 !important 。这将覆盖选项卡和工具栏的默认位置属性