Задать вопрос
Пользователь пока ничего не рассказал о себе

Достижения

Все достижения (2)

Наибольший вклад в теги

Все теги (17)

Лучшие ответы пользователя

Все ответы (6)
  • Как добавлять класс при скороле?

    @LastGeneral Автор вопроса
    // hide header on scroll down show on scroll up
    const scroll = document.getElementById("site-header");
    const scrollUp = "scroll-up";
    const scrollDown = "scroll-down";
    let lastScroll = 0;
    
    window.addEventListener("scroll", () => {
      const currentScroll = window.pageYOffset;
      if (currentScroll <= 0) {
        scroll.classList.remove(scrollUp);
        return;
      }
    
      if (currentScroll > lastScroll && !scroll.classList.contains(scrollDown)) {
        // down
        scroll.classList.remove(scrollUp);
        scroll.classList.add(scrollDown);
      } else if (
        currentScroll < lastScroll &&
        scroll.classList.contains(scrollDown)
      ) {
        // up
        scroll.classList.remove(scrollDown);
        scroll.classList.add(scrollUp);
      }
      lastScroll = currentScroll;
    });
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (216)