@podkudahka
крутой

Как, проскролив определенную высоту, поменять background у дива с классом header?

У меня фиксированное меню вначале без фона. Фон меню надо при скроле поменять на белый и текст в нем на черный. Как это можно реализовать?

  • Вопрос задан
  • 46 просмотров
Решения вопроса 1
@quake4fun
$(window).scroll(function () {
	if ($(this).scrollTop() > 150) {
		$('.header').addClass('white');
	}
	else{
		$('.header').removeClass("white");
	}
});

.white {
	background-color: #fff;
	color: #000;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Exomode
@Exomode
Архитектор ПО
В обработчике скроллинга поставьте проверку на позицию скроолинга относительно текущего блока на экране, если условие верно, то просто меняете стиль блока меню background: #fff; color: #000;
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
01 дек. 2020, в 04:48
229182 руб./за проект
30 нояб. 2020, в 03:19
25000 руб./за проект
01 дек. 2020, в 02:50
3000 руб./за проект