jquery - 如何让我的包装器向下推入粘性页脚

Question

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

这是我所做的http://jsbin.com/elapi/edit

我需要一些帮助来使我的#wrapper边界线将整个页面包裹到页脚。

让我知道

Answer 1

看看这个，虽然它不使用 jquery。如何将页脚（div）与页面底部对齐？在这个http://ryanfait.com/sticky-footer/和http://www.cssstickyfooter.com/有一些使用简单的 css 和 html 的解决方案。页脚粘在底部是页面小于视口。如果页面高度增加超过视口大小，则页脚将附加到页面底部，即页脚不会与主体重叠。

Answer 2

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

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

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