Как сделать липкую матовую панель инструментов?

Question

Я пытался реализовать панель инструментов mat, которая расположена после начальной панели навигации, и я не могу понять, что это правильно.Я попытался добавить класс "фиксированная позиция".

Это сработало бы, если бы начальная позиция была вверху страницы, но это не так.Как только пользователь прокручивает панель инструментов, она должна «прилипать» к верхней части страницы.

Есть идеи, как это реализовать?Я пробовал комбинации

.stickyBar { position: sticky; }

и фиксированной позиции, но не повезло.

Есть идеи?Спасибо

Answer 1

Были родительские элементы с переполнением свойства css: hidden, которое мешает position: sticky. Вот пост, используемый для решения моего вопроса.