@hooli-gun

Как убирать класс c помощью js?

Скрипт скрывает хедер при скроле вниз, добавляя класс .header-scroll, а при скроле вверх показывает хедер, но оставляет класс .header-scroll. А как его удалять когда в изначальное положение пользователь возвращается?
var prevScrollpos = window.pageYOffset;
		window.onscroll = function() {

			var currentScrollpos = window.pageYOffset;
			if(prevScrollpos > currentScrollpos) {
				document.getElementById("masthead").style.top = "0";
				jQuery(".site-header").addClass("header-scroll");
			} else {
				document.getElementById("masthead").style.top = "-100px";
				jQuery(".site-header").removeClass("header-scroll");
			}

			prevScrollpos = currentScrollpos;

		}
  • Вопрос задан
  • 82 просмотра
Пригласить эксперта
Ответы на вопрос 2
Aleksandr-JS-Developer
@Aleksandr-JS-Developer
Лучше проще, чем никогда
elem.removeClass('header-scroll');

Дока
Ответ написан
Big_Trouble
@Big_Trouble
Если на чистом js:
elem.classList.remove('название класса')
Ответ написан
Ваш ответ на вопрос

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

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