@Konstantin-P92

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

Здравствуйте.
Подскажите пожалуйста как сделать футер как на этом сайте? https://vet.bit-ecommerce.ru/appointments/
Контент как будто раскрывает закрепленный футер.
Не знаю как называется данный эффект, Но смотрится интересно. Как такое сделать ?
  • Вопрос задан
  • 266 просмотров
Решения вопроса 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
Похожие вопросы
Webit Москва
До 90 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
труби.ру Казань
от 50 000 до 90 000 руб.