Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is a sticky footer?

Tags:

html

css

This question is a total noob one, but I can't get the difference between a normal footer and a sticky footer.

like image 323
Samia Ruponti Avatar asked Dec 23 '10 16:12

Samia Ruponti


4 Answers

Taken from CSS tricks:

The purpose of a sticky footer is that it "sticks" to the bottom of the browser window. But not always, if there is enough content on the page to push the footer lower, it still does that. But if the content on the page is short, a sticky footer will still hang to the bottom of the browser window.

Here is a clear idea of what a Sticky footer is: https://css-tricks.com/couple-takes-sticky-footer/ And http://css-tricks.com/sticky-footer/

And an example: https://getbootstrap.com/docs/4.0/examples/sticky-footer/

like image 113
Grekz Avatar answered Nov 10 '22 23:11

Grekz


From CSS Tricks,

The purpose of a sticky footer is that it "sticks" to the bottom of the browser window. But not always, if there is enough content on the page to push the footer lower, it still does that. But if the content on the page is short, a sticky footer will still hang to the bottom of the browser window.

Sticky Footer

like image 32
natec Avatar answered Nov 11 '22 01:11

natec


I would guess a sticky footer is one that stays fixed to the bottom of a page, regardless of the length of content. Like this.

like image 40
Jon Hadley Avatar answered Nov 11 '22 01:11

Jon Hadley


I assume a sticky footer stays at the same place on a screen all the time. In what context?

like image 25
m.edmondson Avatar answered Nov 11 '22 00:11

m.edmondson