如何修复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>

我希望修复选项卡和工具栏(始终可见)以及要滚动的列表内容.我找不到办法做到这一点.报告了其他类似的问题(例如这里),但它们看起来很旧,据说是固定的.我正在使用角度材料0.10.0

这里的人物

Answer 1

你可以用一点CSS做到这一点.

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

别忘了使用!重要.这将覆盖选项卡和工具栏的默认位置属性