Как зафиксировать шапку при скролле (глючит)?

Question

[Randominho]

Сделал применение класса .fixed при скролле шапки с целью её фиксации.
https://e-k-center.ru/
Но при position: fixed те блоки, что идут после header, сразу как бы залезают под него, получается такой некрасивый прыжок при скролле. Как это исправить?

Answer 1

[Zhainar]

сделайте какой-нить блок после шапки, который имеет высоту точно такую же как шапка при скролле.

.header:not(.fixed) + .fix {
height: 0;
}
.header.fixed + .fix {
height: 140px;
}

Answer 2

[Justin Bieber]

s.m0n1.ru/d6q8dl9o.jpg косяк )

Comments

[Randominho]

Спасибо, поправил)

Answer 3

[Randominho]

Разобрался, надо было задать padding-top у следующего элемента..