如何将我的包装器压入粘性页脚

Question

我想使用jQuery制作一个粘性页脚。

我在这里做了http://jsbin.com/elapi/edit

我需要一些帮助才能使我的#wrapper边框线将整页整理到页脚。

让我知道

Answer 1

检查一下，虽然它不使用jquery。 How to align footer (div) to the bottom of the page?和http://ryanfait.com/sticky-footer/中的http://www.cssstickyfooter.com/使用简单的css和html有一些解决方案。页脚粘到底部的页面小于视口。如果页面高度增加超过视口大小，则页脚将附加到页面底部，即页脚不会与主体重叠。

Answer 2

你不需要使用jQuery来实现这一点，你应该能够使用纯CSS。像这样：

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

然后确保主内容底部有足够的填充，以确保在滚动到最后时页脚不会遮挡它。