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

回答1:

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>

Working PLUNKER DEMO

来源：https://stackoverflow.com/questions/45798581/angular-material-2-tabs-scroll-showing-on-navigation