Как сделать замену цвета элементов статичной шапки при нахождении на определенном слайде?

Question

[twixoff]

joxi.ru/xNGzU_3JTJA5Y_zV5U8
Имеется обычная страница со скроллом. Есть статичная шапка с несколькоми белыми элементами. Необходимо, чтобы эти элементы перекрасились в черный при нахождении их над определенным слайдом (блоком).
Возможно ли такое?

Answer 1

[Юрий Лобанов]

Вариант от @Golumenov наверное Вам подойдет, но как-то он работает с задержкой, что не радует. На самом деле, если у Вас более или менее статичный сайт, какой-нибудь лендинг, то целая библиотека может быть избыточна. Можно просто отслеживать высоту от верха страницы, сравнивать с отступом от верха светлого блока и присваивать иконке черный цвет.
Что-нибудь вот такое codepen.io/iiil/pen/lLuys

Comments

[twixoff]

да, в итоге я так и сделал.

Answer 2

[Roman Zhak]

Добавьте на JS:
$( selector ).mouseenter( handler );

Answer 3

[Андрей Голуменов]

Используйте библиотеку BackgroundCheck