Есть фиксированный белый хедер высотой 100px:
<div id="header">Я — хедер</div> // position: fixed; height: 100px; background: white;
и 2 блока, каждый из которых занимает в высоту, скажем, 600px:
<div id="block1">Я — блок 1</div> // background: red; width: 100%; height: 600px;
<div id="block2">Я — блок 2</div> // background: green; width: 100%; height: 600px;
Задача:
Написать скрипт, который при касании дивом хедера (В примере выше получается, что при скролле дива на 100px от верхнего края экрана) будет заставлять хедер принимать цвет дива (или любой заданный).
Насколько я догадываюсь, проще всего, если это возможно, сделать это считыванием id элемента на координате (например x10y101) и сменой цвета хедера на указанный, в зависимости от полученного id, цвет.
В моем случае дивы генерируются циклом, так что скрипт нужен универсальный, построенный на тригерах именно айдишных, а не считающий пиксели.
P.S.: Новичок, второй вопрос на этом волшебном форуме.