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
![No description](https://answer-overflow-discord-attachments.s3.us-east-1.amazonaws.com/1254673226546806806/image.png)
![No description](https://answer-overflow-discord-attachments.s3.us-east-1.amazonaws.com/1254673253612650526/image.png)
position sticky won't work because it only does it's magic after you scrolled away
wierd, I see this in FF :
![No description](https://answer-overflow-discord-attachments.s3.us-east-1.amazonaws.com/1254673634581287074/afbeelding.png)
^ 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
![No description](https://answer-overflow-discord-attachments.s3.us-east-1.amazonaws.com/1254700437207122023/image.png)