scroll - ビューポートの高さに関係なくスクロールしてフッターを表示

Question

フッターを次のように正確にコーディングする方法を見つけようとしています。

http://elevationchurch.org/

基本的に、コンテンツの一番下に到達するまでフッターは表示されません。そのため、コンテンツの少ない背の高いデスクトップ ブラウザーを使用していて、コンテンツ コンテナーの最後が表示されている場合、フッターは非表示のままですが、下にスクロールするとフッターが表示されます。

気がついたら、ブラウザをより「モバイル」サイズに縮小しても、フッターはまだ「すぐそこ」に表示されるのを待っています。

答えはとても簡単だと思いますが、javascript と css のトリックについてコードを精査しましたが、表示されません。

助言がありますか？

Answer 1

したがって、Chromeの開発者ツールを介して確認します：

style.css には

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

そのcss行を有効/無効にすると、コンテンツは期待どおりに縮小/拡大するので、それが魔法のようです。