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
position: sticky; bottom: 0;
or position: fixed
Seems not to be working
it should
it does not
see this page : https://roelofwobben.github.io/QR-component/
I added it but does not see any difference
which one of the elements is supposed to be on the bottom?
class attribution
position sticky won't work because it only does it's magic after you scrolled away
wierd, I see this in FF :
^ this is why
oke, fixed does the trick
thanks
you're welcome
Now time to " work" and not playing anymore
You can have the footer on position:sticky;
https://codepen.io/tok124/pen/mdYLoGe
And even if you dont have scrollable content, it will stay at the bottom