Кот тут ни при чем.... Это просто кот!
Итак, одной из возможных задач при формировании динамичных и красочных страничек сайта может быть использование блоков, которые в состоянии менять свое положение, форму, цвет, размер. Часто такие блоки можно встретить на "надоедливых" сайтах. Поэтому перебирать с этим не надо, но если есть такая необходимость, то можно сделать что-то похожее. Сегодня я расскажу как.
В нашем конкретном случае блок будет менять свое положение, а еще точнее уезжать сверху вниз.
Реализуется это все с помощью "трех китов". Непосредственно наличия самого блока на странице с его контентом html, с помощью стилей css, который будут задаваться первоначально и меняться при условии прокрутки сайта вниз на 50 пикселей. Третье, с помощью Ява скрипта JS, который и выполняет сценарий нашего перемещения при соблюдении критерия прокрутки сайта на 50 пикселей. Собственно рассказывать тут особо нечего, надо смотреть код, экспериментировать с ним...
И сам блок с его перемещениями, вы можете видеть слева. Там все наглядно видно, как и что работает. Обратите внимание, что следующий код нужен лишь для отмены действия перемещения, при возвращении в верхнюю позицию, то есть если надо чтобы действие выполнялось однократно, то его можно убрать!
else { document.getElementById("header").style.top = "110px"; }
Еще один вариант, схожий с тем, что только что обсудил, это когда блок где-то установлен на странице, а доезжая до его местоположения вниз, он фиксируется в верхней части экрана. Часто такое применяют к рекламным блокам, что реализовано и у меня, на всех категориях сайта, кроме "Сайтостроение", просто можете полистать странички и увидите его работу...