Блог

Главная - Вопросы по программированию - Как они разработали нижний колонтитул этого сайта?

Как они разработали нижний колонтитул этого сайта?

#javascript #css

#javascript #css

Вопрос:

Я понимаю, как показывать / скрывать DIV, но как они создали этот нижний колонтитул?

Я бы хотел, чтобы это было на моем веб-сайте.

Пожалуйста, взгляните на эту страницу, это постоянный контакт, кстати, обратите внимание на нижний колонтитул.

Постоянный контакт Спасибо!

Ответ №1:

Вот очень упрощенная версия того, как добиться чего-то подобного вашему примеру. Вам нужно использовать JavaScript, только если вы используете браузер < IE7, в противном случае это может сделать простой CSS.

Живая демонстрация

 #footer{
  bottom: 0px;
  position: fixed;
}

Ответ №2:

Установите div в фиксированное положение. что-то вроде этого:

 <div style="width:100%; position:fixed; bottom:0px; background-color:blue; height: 50px;">
Excellent footer content here
</div>

Ответ №3:

Похоже, они использовали jQuery для анимации div, который содержит все содержимое нижнего колонтитула.

Соответствующий файл .js находится здесь: http://www.constantcontact.com/_script/social-media-toolbar.js?version=1307033023000

Комментарии:

1. Большое спасибо за все сообщения, я просто подумал, что это круто! Я добавлю этот пост в закладки на будущее.