Здравствуйте коллеги-разработчики!
Я провел большое сканирование в Интернете, включая StackOverflow, и, похоже, не нашел ничего, документирующего то, что я хочу, или чего-то отдаленно похожего на то, что я хочу.
Я создаю сайт с фиксированной панелью навигации, однако панель навигации фактически не имеет цвета фона (прозрачного). На панели навигации есть два видимых элемента;
логотип клиента; Я создал это, используя собственный шрифт, поэтому я действительно могу контролировать все форматирование с помощью CSS и классов, применяемых через JS.
Кнопка переключения меню; Это также все основано на элементах, и у меня есть полный контроль над CSS и классами, применяемыми через JS.
Структура страницы основана на <section>, и каждый раздел либо не совсем белый, либо черный.
Например, <section class="dark">...</section> будет иметь черный фон (dur).
Проблема
Кнопка меню и логотип клиента также черные, поэтому мне нужен способ отслеживать класс текущего видимого/прокручиваемого раздела (темный или светлый), а затем применять класс к навигации через JS.
Так, если текущий раздел имеет класс светлого, то кнопка меню и логотип будут черными, если текущий раздел имеет класс темного, то кнопка меню и логотип станут белыми.
Я полностью осведомлен о доступных плагинах, таких как scrollorama, которые имеют возможности слежения за разделами, но мне действительно нужно использовать только крошечную часть функциональности, поэтому будет более эффективно просто написать пользовательскую функцию. Также открыт для предложений.
