Question

我正在尝试使用jquery来检测divs高度并使用该值来调整列的大小，以便它拉伸页面的整个高度。

我通过以下方式抓住窗户高度来实现这一目标：

var $pheight = $(window).height();

但这仅适用于内容不会超出折叠范围的网页。

我有一个页面，内容跨越折叠，我发现原始脚本对该页面没有帮助。原始剧本：

var $pheight = $(window).height();
$('#col_left').css('height', $pheight);
});

我想我需要这样的条件：

var $pheight = $(window).height();
var $contentdiv = $('#content');
var $contentheight = $contentdiv.height();

    if($contentheight > $pheight){
        $('#col_left').css('height', $contentheight);   
    }else{
        $('#col_left').css('height', $pheight);     
    }

问题是当我使用警报进行测试时：

alert($contentheight);

我将未定义为值...

最后问题

如何检测#content高度？ #content只是缩放内容，因此没有css来定义高度。

感谢大家对此提供的任何帮助

Answer 1

我认为$(document).height()正是您所寻找的：

var $pheight = $(document).height();
    $('#col_left').css('height', $pheight);
});

用jquery检测div大小

1 个答案: