保持md标签页眉的位置固定在顶部

时间:2018-12-25 03:02:35

标签: angularjs material-design

我想知道如何在某些标签上垂直滚动时确保标签的标题位于顶部?

在此example中,第二个标签很长。当选择它并且用户向下滚动时,选项卡标题也会上升。我想知道如何固定页眉顶部?我尝试添加style="position:top",但不起作用。

1 个答案:

答案 0 :(得分:1)

您需要将其添加到CSS中

md-tabs-wrapper{ 
 position: fixed;
 background-color:#fff !important;
 top: 0px;
 left: 0px;
 z-index: 1000;
 width: 100%;
}


md-tabs.md-dynamic-height md-tabs-content-wrapper {
 top: 48px !important;
}

在笔https://codepen.io/anon/pen/pqwgLM上的工作示例