jQuery - 检测元素高度是否大于窗口高度并对其执行某些操作

Question

这一切真的说明了一切.

基本上我想检测此div的height比我的大window height,做一些事情..

我已经做到了这一点,但我不能让它工作http://jsfiddle.net/dhkCa/3为什么不工作？

编辑:修复了css代码中的一点错误.Jsfiddle链接已更新.

Answer 1

它document包含自身内的所有元素,它的高度是所有元素高度的总和(display:block无论如何所有元素,加上边距和填充); 因此,没有包含的元素可以比文档本身更高.你需要做的是比较window的高度,而不是文件的高度:

var div = $("div").height();
var win = $(window).height();

if (div > win ) {
    $("div").addClass('red');
}

JS小提琴演示.