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

Question

[Егор Бадулин]

Сайт построен по типу полноэкранного слайдера с фиксированными элементами (на скриншоте указал). Цвет блоков чередуется светлый\темный. Как сделать так, чтобы фиксированные элементы меняли свои цвета в зависимости от активного блока?

Comments

[Гарес Антонович]

Верстка выполнена через section?

[Егор Бадулин]

Гарес Антонович: да

[Сергей delphinpro]

Задайте вручную таблицу соответствия цветов и секций.
При смене слайда меняйте цвет. Как - зависит от используемого решения. В фулскрин-плагинах обычно есть события, типа onchange.
Цвет менять можно каждому элменту, или вешать разные классы на body и стилизовать от них.

Answer 1

[Сергей ZSA]

Все зависит от того как реализован ваш слайдер (каким плагином). Может вы вообще его руками писали. По-хорошему сделать это надо следующим образом - при смене слайда меняется(добавляется) класс(а точнее классы) с нужными стилями у всех этих элементов не более того. Но как отследить на основе вашего слайдера какой именно слайд сейчас показывается - уже ваша задача, а добавление класса даже при помощи нативного js - задача элементарная.

Answer 2

[Андрей Никифоров]

Не совсем понятно, линк в студию