首页 文章

角度材料2选项卡滚动显示导航

提问于
浏览 次
2

正如您在此示例中看到的，当您更改选项卡时，垂直滚动条会出现在动画中 .

<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>

是否可以删除该滚动条（仅在选项卡转换时）？

angular angular-material2

1 回答

  • 2

    是的，可以将 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>

    工作PLUNKER DEMO

    回复于

相关问题