无论视口高度如何，滚动显示页脚

Question

我正在试图弄清楚如何对页脚进行编码：

http://elevationchurch.org/

基本上，在您到达内容的底部之前，页脚不会显示在视图中。因此，如果您的桌面浏览器没有大量内容并且内容容器的末尾在视图中，则页脚仍处于隐藏状态，但您向下滚动并显示页脚。

如果您注意到，请将您的浏览器缩小到更“移动”的尺寸，并且页脚仍然“正确”等待显示。

我觉得答案很简单，但我已经搜索了javascript和css技巧的代码，我没有看到它。

有什么建议吗？

Answer 1

通过chrome的开发人员工具进行检查：

style.css有

html, .inspiration, .inspiration #outer, .inspiration #container, .inspiration #content {
    height: 100%;
}

如果您启用/禁用该css行，则内容会按预期收缩/扩展，这就是正在做的魔法。