如何使用粘性 md-tab-label 使 md-tab-body 可滚动答案

【问题标题】：How to make md-tab-body scrollable with sticky md-tab-label如何使用粘性 md-tab-label 使 md-tab-body 可滚动
【发布时间】：2017-06-29 17:36:10
【问题描述】：

我正在尝试使用粘性 md-tab-label 使角材料 md-tab-body 可滚动。目前我将 md-tabs 包装在 md-content 中，但这会导致可滚动的 md-tab-labels，以及......有人已经做到了吗？

<md-content>
 <md-tabs>
    <md-tab>
        <md-tab-label>
            <p>Sticky Tab A</p>
        </md-tab-label>
        <md-tab-body>
            <div>Scrollable Content of tab A</div>
        </md-tab-body>
    </md-tab>
    <md-tab>
        <md-tab-label>
            <p>Sticky Tab B</p>
        </md-tab-label>
        <md-tab-body>
            <div>Scrollable Content of tab B</div>
        </md-tab-body>
    </md-tab>
 </md-tabs>
</md-content>

我发了plnkr

【问题讨论】：

你能创建一个 plunker 吗？
完成。见上面的帖子
我的回答有帮助吗？
好的，谢谢！ :)

标签： angularjs angular-material

【解决方案1】：

问题在于你的材料版本，尝试使用最新版本，它可以正常工作。

<script src="//code.angularjs.org/1.6.1/angular.js"></script>
<script src="//code.angularjs.org/1.6.1/angular-aria.js"></script>
<script src="//code.angularjs.org/1.6.1/angular-animate.js"></script>
<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
<script src="https://hammerjs.github.io/dist/hammer.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css" />

DEMO

【讨论】：