Задать вопрос
@Randominho

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

Сделал применение класса .fixed при скролле шапки с целью её фиксации.
https://e-k-center.ru/
Но при position: fixed те блоки, что идут после header, сразу как бы залезают под него, получается такой некрасивый прыжок при скролле. Как это исправить?
  • Вопрос задан
  • 1287 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 3
@zhainar
Гуглю за вас
сделайте какой-нить блок после шапки, который имеет высоту точно такую же как шапка при скролле.
.header:not(.fixed) + .fix {
height: 0;
}
.header.fixed + .fix {
height: 140px;
}
Ответ написан
Комментировать
@Randominho Автор вопроса
Разобрался, надо было задать padding-top у следующего элемента..
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы