角材2個標簽滾動顯示在導航上

Question

如您在本示例中所見，更改標簽時，垂直滾動條出現在動畫上。

<md-tab-group>
  <md-tab label="Tab 1">
    <div style="height: 2000px">Content 1</div>
  </md-tab>
  <md-tab label="Tab 2">
    <div style="height: 500px">Content 2</div>
    <div>Content 2</div>
  </md-tab>
</md-tab-group>

是否可以刪除該滾動條（僅在選項卡轉換時）？

Answer 1

是的，可以將dynamicHeight輸入設置為true 。

<md-tab-group [dynamicHeight]="true">
  <md-tab label="Tab 1">
    <div style="height: 2000px">Content 1</div>
  </md-tab>
  <md-tab label="Tab 2">
    <div style="height: 500px">Content 2</div>
    <div>Content 2</div>
  </md-tab>
</md-tab-group>

工作樣機演示