javascript - ページ拡張の白い div フッター、方法は?

Question

div写真のように、ページのポイント (A) からポイント (B) に広がる白を作成しようとしています。ページが拡張されたときに、白が pooint (A) からブラウザの最後まで完全に取り込まれ、ページが下から拡張された場合でも、下に bg グレーが表示されないようにしたいです。

Answer 1

ページの下部にフッターを固定する方法について話している場合は、Ryan Fait がこれに対するよく知られた解決策を提供しています: http://ryanfait.com/resources/footer-stick-to-bottom- of-page/ 基本的には、フッターを絶対に配置して下部に配置し、ページの下部に「プッシュ」要素を追加して、フッターがコンテンツの上に上がらないようにします。

Answer 2

粘着性のあるフッターを探しているなら、kpsuperplane の答えはそれでしょう。

この場合、ブラウザの高さの結果である領域 (上部領域) を埋めるために、下部の div を拡大している非常に迅速な例を確認してください。サイズを変更するたびに実行されます。

http://jsfiddle.net/99FpT/

js

$(function() {
    function stretch(){
        $(".area2").css({"height" : $(window).height() - $(".area1").height() });
    }
    $(window).on("resize", function(){
        stretch();
    });
    stretch();
});