2017-02-11 2 views
0

Я пытаюсь сделать только угловой материал md-tab-body прокручиваемым с липкой меткой md-tab. На данный момент я завернул md-tabs в md-контенте, но это приводит к прокручиваемым меткам md-tab, а также ... Кто-нибудь уже достиг этого?Как сделать md-tab-тело прокручиваемым с липкой меткой md-tab

<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

+0

вы можете создать plunker? – Sajeetharan

+0

сделано. См. Сообщение выше – Jymbo

+0

Помог ли мой ответ? – Sajeetharan

ответ

0

Проблема с материальной версии, попытайтесь использовать последние версии, он отлично работает.

<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