alekseyruzov
@alekseyruzov
UI

Как сделать, чтобы цвет меню менялся в зависимости от активного раздела?

Есть одностраничный сайт, у которого меню fixed. При прокрутке, разделу сайта, который находится на виду, присваивается класс .active. Разделы имеют разный фон — темный и светлый. На некоторых разделах меню плохо видно, поэтому я хочу, чтобы у него менялся цвет, когда активен нужный раздел. Можно ли написать условие для SASS, которое удовлетворяло бы этим требованиям?
  • Вопрос задан
  • 397 просмотров
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
а sass то тут причем? тебе для каждого раздела класс нужно дать. к примеру для body. ну или для общего wrpapper, если такой имеется. и в зависимости от этих классов уже задавать для меню свой уникальный цвет.
p.s. и это ты можешь делать в том же скрипте где ты .active вешаешь на раздел. просто там же навесить на body класс этого раздела к примеру
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
В JS условие в зависимости от высоты прокрутки присваивать класс light или dark (или как Вам больше нравится их называть)
Ответ написан
nazares
@nazares
Software Engineer
как то так jsfiddle.net/mekwall/up4nu
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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