Sticky footer

Does anyone know if Kevin has a video about how to make a sticky footer. So a footer which is always on the bottom
17 Replies
ἔρως
ἔρως2w ago
position: sticky; bottom: 0; or position: fixed
roelof
roelof2w ago
Seems not to be working
ἔρως
ἔρως2w ago
it should
roelof
roelof2w ago
it does not see this page : https://roelofwobben.github.io/QR-component/ I added it but does not see any difference
ἔρως
ἔρως2w ago
which one of the elements is supposed to be on the bottom?
roelof
roelof2w ago
class attribution
ἔρως
ἔρως2w ago
No description
ἔρως
ἔρως2w ago
No description
ἔρως
ἔρως2w ago
position sticky won't work because it only does it's magic after you scrolled away
roelof
roelof2w ago
wierd, I see this in FF :
roelof
roelof2w ago
No description
ἔρως
ἔρως2w ago
^ this is why
roelof
roelof2w ago
oke, fixed does the trick thanks
ἔρως
ἔρως2w ago
you're welcome
roelof
roelof2w ago
Now time to " work" and not playing anymore
Tok124 (CSS Nerd)
You can have the footer on position:sticky; https://codepen.io/tok124/pen/mdYLoGe
Tok124 (CSS Nerd)
And even if you dont have scrollable content, it will stay at the bottom
No description