Как сделать умную шапку, как у слинки, которая меняется при скроле?

Question

[Антон Макаров]

Как сделать такую шапочку, куда можно разместить рекламу или другой информативный блок, чтобы она менялась на странице во время перемещения, как у слишки ?

Желательно, чтобы это был готовый модуль для WORDPRESS или понятное руководство, если оно такое есть.

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

Т.е. получается одна шапка трансформер, которая превращается в 3 шапки и в конце страницы возвращалась в шапку навигации.

Скриншот приложил.

Answer 1

[Константин Довнар]

Отдельные области страницы должны у вас означать разное состояние, когда пользователь сдвинул на подходящее кол-во пикселей (возможно для каждой страницы разное) - просто меняете что вам нужно.

Comments

[Антон Макаров]

Спасибо. Только нашёл исполнителя, кто сделал. Так и есть, как сказали. Теперь блог стал компактнее

Answer 2

[Snewer]

Отслеживай высоту прокрутки, и при onscroll меняй содержимое блока.