javascript - 除非需要滚动条，否则 HTML 页脚会粘在浏览器底部

Question

在某些网页上，内容很少，页脚在页眉附近收缩。在这些情况下，我希望页脚贴在底部。我可以在 CSS 中轻松做到这一点:

#footer {
    position: fixed;
    width: 100%;
    bottom: 0;
}

效果很好。但是，有时内容并不少，您甚至可能需要滚动才能看到底部的内容。在这些情况下，我希望页脚像往常一样紧跟在内容之后。

有没有办法只用 CSS 来做到这一点？我需要 Javascript hack 吗？如果我需要 hack，有没有好的图书馆？我已经在使用 jQuery，很高兴使用依赖于它的东西。我不关心 IE8 或更低版本。我只关心 IE9+ 和最新版本的 Chrome、Firefox、Safari 和 Opera。

Answer 1

我使用了此处描述的技术: http://www.cssstickyfooter.com/

除了提前知道页脚高度的要求之外，似乎工作完美......