javascript - 页面扩展上的白色 div 页脚，如何？

Question

我正在尝试制作一个div从页面上的点 (A) 延伸到点 (B) 的白色，如图所示。我想要它，以便当页面扩展时，白色从点 (A) 一直到浏览器的末尾，这样即使页面从下方扩展，下面也不会显示背景灰色。

Answer 1

如果您正在谈论让页脚粘在页面底部，Ryan Fait 有一个众所周知的解决方案，您可以在这里找到： http ://ryanfait.com/resources/footer-stick-to-bottom- of-page/ 基本上它的工作原理是您绝对定位页脚并将其放在底部，并在页面底部添加一个“push”元素以确保页脚不会出现在内容之上。

Answer 2

如果您正在寻找粘性页脚，kpsuperplane 的答案将是它但在我看来，您希望有一个 DIV 位于您的内容下方，并延伸到浏览器的底部？

如果是这种情况，请检查这个示例，我非常快速地拉伸底部 div 以填充该区域，这是浏览器高度的结果 - 顶部区域。每次调整大小时都会执行。

http://jsfiddle.net/99FpT/

js

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