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

Question

[Konstantin-P92]

Здравствуйте.
Подскажите пожалуйста как сделать футер как на этом сайте? https://vet.bit-ecommerce.ru/appointments/
Контент как будто раскрывает закрепленный футер.
Не знаю как называется данный эффект, Но смотрится интересно. Как такое сделать ?

Answer 1

[Антон Спирин]

Учитесь анализировать код в панели разработчика.

Сделать такой футер можно примерно так:

.content {
  margin-bottom: 400px;
}

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

Демо.

Answer 2

[Дархан]

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

Answer 3

[Максим]

https://jsfiddle.net/hL7wow99/1/ - доработал что бы было видно ответ Антон Спирин