Как сделать появление фона у header при прокрутке вниз на js?

Нужно чтобы при прокрутке на 54px вниз начинал появляться фон у header и начинал исчезать при возврате к 54px сверху.

Вот, что-то похожее на то, что мне надо: jsfiddle.net/9o8ky9kw/1
  • Вопрос задан
  • 600 просмотров
Пригласить эксперта
Ответы на вопрос 1
@LJ322
Если прямо в лоб решать:
const header = document.querySelector('.header'); // Здесь класс вашей шапки
window.addEventListener('scroll', function() {
  if (window.scrollY >= 54) {
    header.classList.addClass('header--scrolling'); // Добавить класс, который будет менять стили
  } else {
    header.classList.removeClass('header--scrolling'); // Убрать
  }
});
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы