角材料 2 选项卡滚动显示在导航 [英] angular material 2 tabs scroll showing on navigation

问题描述

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

As you can see in this example when you change tabs vertical scrollbar appears on animation.

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

是否可以删除该滚动条(仅在选项卡转换时)?

Is it possible to remove that scrollbar (only on tab transition)?

推荐答案

是的，可以，将 dynamicHeight 输入设置为 true.

Yes it is possible, set the dynamicHeight input to 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

这篇关于角材料 2 选项卡滚动显示在导航的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！