Layer footer on scroll above body content


I would like for the footer of this page to reveal on top of the body content, almost like a layered card.

I understand z-index values but I cant seem to get the body to fix below the last element and for the footer to layer on top.

Any help would be great.


do you mean something like this?