@Konstantin-P92

Футер закреплен на заднем плане. Как сделать?

Здравствуйте.
Подскажите пожалуйста как сделать футер как на этом сайте? https://vet.bit-ecommerce.ru/appointments/
Контент как будто раскрывает закрепленный футер.
Не знаю как называется данный эффект, Но смотрится интересно. Как такое сделать ?
  • Вопрос задан
  • 270 просмотров
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
Учитесь анализировать код в панели разработчика.

Сделать такой футер можно примерно так:
.content {
  margin-bottom: 400px;
}

.footer {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   height: 400px;
   z-index: -1;
}


Демо.
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
darakanoit
@darakanoit
Веб-разработчик
Открываете сайт нажимаете ctrl shift I и начинаете исследовать нужный вам блок
Эффект создаётся при помощи position : fixed и отрицательного z-index;
Пример кода вам дали выше.
Ответ написан
@Konstantin-P92 Автор вопроса
Всем огромное спасибо за ответы.
Очень помогли.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
AD-VI Нижний Новгород
от 30 000 до 50 000 руб.
Sveak Барнаул
от 50 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
24 янв. 2019, в 11:54
5000 руб./за проект
24 янв. 2019, в 11:53
5500 руб./за проект
24 янв. 2019, в 10:51
500 руб./за проект