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

Question

[Vladislav]

Как добавить и удалить класс при скроле на чистом JS? Вариант при скроле больше 50px шапке добавлется класс, если юзер доскролил обратно к верху шапки, то удаляется, подскажите как можно сделать, я в курсе собитя скрол и что надо ставить условие для window вроде как, но как это написать и структурировать без понятия

Answer 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(); 
};

Comments

[Vladislav]

Максим Черябушкин спасибо