jQuery - 要素の高さがウィンドウの高さよりも大きいかどうかを検出し、それについて何かを実行します。

Question

基本的に私は

が、私はこれを行っているが、私はそれが動作文句を言わないのはなぜそれがhttp://jsfiddle.net/dhkCa/3を仕事を得るカント..このdivのheightがwindowheightよりも大きいかどうかを検出し、それについて何かをしたいですか？

編集：CSSコードで少しのエラーが修正されました。 Jsfiddleリンクが更新されました。

Answer 1

document「sは自体内のすべての要素が含まれ、その高さは、全てのこれらの要素（とにかく全てdisplay:block要素、プラスマージンおよびパディング）の高さの和です。したがって、含まれている要素はドキュメント自体よりも背が高くなりません。

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

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

JS Fiddle demo：何をする必要があるwindowの高さではなく、文書の比較です。

Answer 2

スクロールの高さがドキュメントのスクロールの高さと異なる要素の場合は、element.getBoundingClientRect().height(Docs)を使用できます。