The footer is pinned in the background. How to do?

Question

css

Hello.
Please tell me how to make a footer like on this site? https://vet.bit-ecommerce.ru/appointments/
The content seems to reveal the pinned footer.
I don't know the name of this effect, but it looks interesting. How to do this?

Answer 1

Learn to analyze code in the developer panel.
You can make such a footer like this:

.content {
  margin-bottom: 400px;
}

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

Demo.

Answer 2

Open the site, press ctrl shift I and start exploring the block you need
. The effect is created using position : fixed and a negative z-index;
An example code was given to you above.

Answer 3

https://jsfiddle.net/hL7wow99/1/ - modified to make the answer visible Anton Spirin