Показать сообщение отдельно
  #1 (permalink)  
Старый 08.10.2015, 13:07
Интересующийся
Отправить личное сообщение для deniskutovskiy Посмотреть профиль Найти все сообщения от deniskutovskiy
 
Регистрация: 02.10.2015
Сообщений: 18

Изменение цвета элемента в зависимости от id элемента на координате
Есть фиксированный белый хедер высотой 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.: Новичок, второй вопрос на этом волшебном форуме.
Ответить с цитированием