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

Question

我试图弄清楚如何编写一个完全像这样的页脚：

http://elevationchurch.org/

基本上，直到您到达内容的底部，才会看到页脚。因此，如果您有一个没有很多内容的高桌面浏览器，并且内容容器的末端在视图中，页脚仍然隐藏，但您向下滚动并显示页脚。

如果您注意到，请将您的浏览器缩小到更“移动”的尺寸，而页脚仍然“就在那里”等待显示。

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

有什么建议么？

Answer 1

所以通过chrome的开发者工具检查：

style.css 有

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

如果您启用/禁用该 css 行，则内容会按预期缩小/扩展，这就是神奇之处。