jQuery，增加div的高度以到达窗口底部

Question

我的页面中有一个 DIV，它位于页面的中间。这不是标题...

我想知道如何使用 jQuery 设置 div 的高度，使其一直向下到浏览器窗口的末尾。

想法？

到目前为止我已经:

$(window).bind('resize', function() {
    refreshWindowDimentions();
});
function refreshWindowDimentions() {
    // Height
    var newPreviewHeight = document.documentElement.clientHeight;
    $("#preview").css("height",newPreviewHeight);
}

但是这会失败，因为它不知道如何从当前 DIV 的位置中减去。

谢谢

Answer 1

您可以使用$('#preview').offset()来获取DIV的当前位置。 offset().top 将为您提供 DIV 顶部的 y 坐标。

还可以考虑使用 $(document).height() 而不是 document.documentElement.clientHeight 来避免跨浏览器问题的麻烦。