jQuery - Detecta si la altura del elemento es mayor que la altura de la ventana y haz algo al respecto

Question

La tilde realmente lo dice todo.

Básicamente quiero para detectar si esto div 's height es más grande que windowheight y hacer algo al respecto ..

yo he hecho esto, pero no puedo conseguir que funcione http://jsfiddle.net/dhkCa/3 Por qué planteo que funcione?

Editar: Se corrigió un pequeño error en el código css. Enlace Jsfiddle actualizado.

Answer 1

document 's contiene todos los elementos dentro de sí mismo, y su altura es una suma de las alturas de todos esos elementos (todos los elementos display:block de todos modos, más margen y relleno); por lo tanto, ningún elemento contenido puede ser más alto que el documento en sí. Lo que hay que hacer es comparar la altura window 's, no el documento de:

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

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

JS Fiddle demo.

Answer 2

Para un elemento que tiene una altura de desplazamiento que es diferente a la altura de desplazamiento del documento, puede usar element.getBoundingClientRect().height(Docs).