Содержание подпрыгивает, когда меню становится фиксированным
У меня есть строка меню, которую я бы хотел прикрепить к верхней части окна браузера, как только оно достигнет вершины. Я более или менее сделал это, но содержание под ним подпрыгивает, когда позиция меняется.
Я пытался с помощью position: sticky
с Polyfill, который работал хорошо. Но я также использую плагин выдвижной навигации (mmenu), который означает, что когда меню выдвигается, строка меню мерцает, поскольку у нее есть известные проблемы с фиксированными / фиксированными меню. Однако используя position: fixed
вместо sticky
кажется, чтобы предотвратить эту досадную проблему.
Вот что у меня есть на CodePen: https://codepen.io/moy/pen/YeavrX
Я что-то упускаю здесь очевидное?
Заранее спасибо!