ruby-on-rails - Ruby on Rails - 需要使用滚动添加粘性页脚

Question

我真的需要一些帮助来获得带有滚动条的粘性页脚。我已经研究了很长时间并尝试了很多东西。但是没有什么能满足我的需要。

这里是网站

我需要的是一个保持在底部的页脚，即使窗口缩小并且面板溢出，当我向下滚动时，页脚也不会上升。但我也需要有液体高度。

谁能帮我？

Answer 1

So I figured it out without using bootstrap or JQuery.

I need this:

body > #main { 
position: fixed; 
width: 100%; 
height: 100%; 
overflow: auto;
}

footer {
position: absolute;
bottom: 0px;
}

as well as adding absolute positioning to footer elements to prevent them from getting pushed down.

Answer 2

您的选择基本上是使用框架（twitter-bootstrap 和 zurb-foundation 都是不错的选择）或编写自己的 javascript/jquery 以在滚动时移动页脚。查看此页面：http ://api.jquery.com/scroll/您可以执行以下操作：

$('#body').scroll(function(){
   $('#body').append('#your_footer');
});

显然，这是临界伪代码，但如果您不想加载整个 css 框架只是为了滚动页脚，它可能是一个很好的起点。

Answer 3

您可以使用 twitter 引导程序。看看这个。