@Konstantin-P92

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

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

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

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


Демо.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
darakanoit
@darakanoit
Открываете сайт нажимаете ctrl shift I и начинаете исследовать нужный вам блок
Эффект создаётся при помощи position : fixed и отрицательного z-index;
Пример кода вам дали выше.
Ответ написан
Комментировать
LenovoId
@LenovoId
I want, women not to get sick
https://jsfiddle.net/hL7wow99/1/ - доработал что бы было видно ответ Антон Спирин
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы