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

Question

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

我想知道如何使用jQuery设置di​​v的高度，以便一直到浏览器窗口的末尾。

想法？

到目前为止，我有：

$(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来避免跨浏览器问题。