正如您在此示例中看到的,当您更改选项卡时,动画上会出现垂直滚动条。
<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>
是否可以删除该滚动条(仅在选项卡转换时)?
最佳答案
是的,可以,将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
关于 Angular Material 2 个选项卡滚动显示在导航上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45798581/