This site runs best with JavaScript enabled.

Sticky footer technique

Kevin Beck

November 22, 2021


The idea is that the footer sticks to the bottom of the screen, even when the content of the page isn’t enough to push it there:

html, body { height: 100%;}
body > footer {
position: sticky;
top: 100vh;
}

Mmmm very nice.

Source