如何使md-tab-body使用粘性md-tab-label滾動

Question

我正在試圖使粘性md-tab-label使角度材質md-tab-body可滾動。目前我在md-content中包裝了md-tabs，但是這導致了可滾動的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

Answer 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