SlavaMaxwell
@SlavaMaxwell
HTML-верстальщик

Как добавить и удалить класс при скроле на чистом JS?

Как добавить и удалить класс при скроле на чистом JS? Вариант при скроле больше 50px шапке добавлется класс, если юзер доскролил обратно к верху шапки, то удаляется, подскажите как можно сделать, я в курсе собитя скрол и что надо ставить условие для window вроде как, но как это написать и структурировать без понятия
  • Вопрос задан
  • 42 просмотра
Решения вопроса 1
const header = document.querySelector(".header");

const onWheel = () => {
  if (window.pageYOffset > 0) {
    header.classList.add("header--scroll");
  } else {
    header.classList.remove("header--scroll");
  }
};

document.onwheel = () => {
    onWheel(); 
};
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽