Как сделать Плавное появление фиксированной шапки сайта?

Question

[Novamoscow]

Сайт можно посмотреть тут alexandrbm5.ru (нужно скроллить прокрутить и появится шапка)

Сложность в том, что шапка, становится фиксед и получается контент прыгает вверх на пустое место + эта же шапка уже с fixed становиться поверх контента, что еше больше его уменьшает

Сейчас она при появлении дергается и ест часть контента. Как можно сделать появлении плавным ? Чтобы когда прокручиваешь основной хедер,
этот(всплывающий, а на самом деле просто ему добавляется класс фиксед и скрываются некотрые элементы)
плавно ехал дальше вместе со скролом и не дергал и не съедал контент

Answer 1

[rinatoptimus]

Если хотите, чтоб он не фиксировался, а ехал дальше, уберите position: fixed у .show__fixed. Или я не так понял.

Comments

[Novamoscow]

Нужно чтобы он прилипал к верху окна браузера. Как сейчас и сделанно. Но когда он прилипает он съедает контент и дёргается