什么是粘性页脚？

Question

这个问题是一个总的菜鸟，但我无法区分正常的页脚和粘性页脚。

Answer 1

取自CSS tricks：

  

粘性页脚的目的是它“粘住”到底部   浏览器窗口。但并非总是如此，如果有足够的内容   页脚将页脚推低，它仍然会这样做。但如果内容   在页面上很短，粘性页脚仍然会挂在底部   浏览器窗口。

这里有一个关于粘性页脚的清晰概念：https://css-tricks.com/couple-takes-sticky-footer/ 和 http://css-tricks.com/sticky-footer/

例如：https://getbootstrap.com/docs/4.0/examples/sticky-footer/

Answer 2

我猜一个粘性页脚是一个固定在页面底部的页脚，无论内容的长度如何。与this一样。

Answer 3

来自CSS Tricks，

  

粘性页脚的目的是它＆＃34; stick＆＃34;到浏览器窗口的底部。但并非总是如此，如果页面上有足够的内容将页脚推低，它仍然会这样做。但是，如果页面上的内容很短，粘性页脚仍会挂在浏览器窗口的底部。

Answer 4

我认为粘性页脚始终保持在屏幕上的同一位置。在什么情况下？

Answer 5

粘性页脚锚定在浏览器视图端口的底部，而不是整个页面的底部。当页面滚动时，它会保留相对于浏览器底部的位置。

Answer 6

无论您是否滚动，粘性页脚将始终保持在屏幕上的固定位置。它将始终在该特定位置可见。

Answer 7

您可以缩小此页面：http://maedeh.arianblog.com/以及http://stackoverflow.com并比较页脚的内容！

希望它有所帮助！

Answer 8

  

这个CSS粘性页脚代码将网站的页脚推到浏览器窗口的底部。它是有效的CSS和HTML，没有令人讨厌的黑客，所以它适用于所有主流浏览器（甚至现在已经不复存在的IE5和IE6）。

        How to use the CSS Sticky Footer on your website,

  

将以下CSS行添加到样式表中。 .wrapper中边距的负值与.footer和.push的高度相同。负边距应始终等于页脚的完整高度（包括您可能添加的任何填充或边框）。   遵循此HTML结构。没有内容可以在.wrapper和.footer div标签之外，除非它与CSS绝对定位。 .push div中也应该没有内容，因为它是一个隐藏的元素，可以“按下”页脚，因此它不会重叠任何内容。