Как изменить стили фиксированного элемента при скролле?

Question

[Pavlo Marchenko]

Всем привет!
вот сайт. Вверху в правом углу есть менюшки, сам хедер фиксированный, при скролле вниз меняется экран, нужно поменять их цвет на черный или любой другой цвет, при этом смена цвета должна происходить только на фоне определенных блоков. Буду рад помощи.

Comments

[Антон Спирин]

Так обрабатывайте вместе со скроллом. Или скролл вендорная библиотека обрабатывает? В любом случае, надо событие scroll обрабатывать.

Answer 1

[Максим Тимофеев]

В js ловите события скрола, проверяете offset и ставите class для body например "scroll". Для этого есть даже куча готовых плагинов:
https://yandex.ru/search/?text=scroll%20detection%...
Далее в css меняете что хотите, например:

.some-my-div {background:transparent;}
.scroll .some-my-div {background:red;}