How to properly align divs to the footer?

Question

css

Question for CSS connoisseurs
what it looks like now:

what does the menu look like, with attributes:

position: absolute;
bottom: 0;

you want the menu and footer to be always in view, and the slider to stretch and shrink from the edge of the menu, and not from the very edge of the screen

Answer 1

1. padding-bottomat the content block (where the slider is), make it equal to the height of the footer and set it behind the footer: z-index:1.
2. And when the menu appears, just change padding-bottomthe content block to the height of the menu. If not changed, the menu will open "on top" (as it is now in the animation).