держите положение заголовка вкладки md зафиксированным сверху

Question

Интересно, как убедиться, что заголовок вкладки остается верхним при прокрутке по вертикали на какой-либо вкладке?

В этом примере вторая вкладка длинная.Когда он выбран и пользователь прокручивает страницу вниз, заголовок вкладки также увеличивается.Интересно, как сделать верхний колонтитул фиксированным?Я попытался добавить style="position:top", но это не работает.

Answer 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