jQuery - 检测元素高度是否大于窗口高度并对其进行处理答案

【问题标题】：jQuery - Detect if element height is bigger than window height and do something about itjQuery - 检测元素高度是否大于窗口高度并对其进行处理
【发布时间】：2011-11-07 18:26:02
【问题描述】：

标题确实说明了一切。

基本上我想检测这个div 的height 是否大于window height 并做一些处理..

我已经这样做了，但我无法让它工作http://jsfiddle.net/dhkCa/3为什么它不能工作？

编辑：修正了 css 代码中的一个小错误。 Jsfiddle 链接已更新。

【问题讨论】：

如果您提醒 2 个值，您会注意到文档高度似乎比 div 高度example here987654322@ 大 20px

标签： jquery window height element detect

【解决方案1】：

对于滚动高度与文档滚动高度不同的元素，您可以使用element.getBoundingClientRect().height(Docs)。

【讨论】：

【解决方案2】：

document 包含自身内部的所有元素，它的高度是所有这些元素高度的总和（无论如何，所有display:block 元素，加上边距和填充）；因此，任何包含的元素都不能高于文档本身。您需要做的是比较window 的高度，而不是文档的高度：

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

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

JS Fiddle demo.

【讨论】：

对..这也清楚地说明了jquery api..我再次无法理解我读到的内容。谢谢（+1），我会尽可能接受。