https://dimanik94.github.io
Суть вопроса: в момент, когда скролл доходит до меню его позиционирование меняется со static на fixed, тем самым происходит выпадению меню из потока документа и нижестоящие элементы занимают освободившееся пространство. Но занимают они это место рывком, что выглядит некрасиво.
Как решить эту проблему? В момент, когда меню меняет позиционирование, нижестоящим элементам ставить margin или padding, равный высоте меню? Есть какие-то варианты?
К примеру на сайте SAMSUNG реализовано, такое же меню, но такого рывка нету, причем код, как я думаю не сильно отличается:
https://www.samsung.com/ru/cooking-appliances/comp...