jQuery - Détecter si un élément de la hauteur est plus grande que la hauteur de la fenêtre et de faire quelque chose à ce sujet

Le titre dit tout.

Fondamentalement, je veux détecter si cette div's height est plus grand que window height et de faire quelque chose à ce sujet..

Je l'ai fait mais je ne peux pas le faire fonctionner http://jsfiddle.net/dhkCa/3 Pourquoi pas elle?

Edit: correction d'une petite erreur dans le code css. Jsfiddle lien mis à jour.

  • si vous alerte les 2 valeurs, vous remarquerez que le document hauteur semble être 20px supérieure à la div de la hauteur exemple
InformationsquelleAutor Joonas | 2011-08-31
  1. 21

    La document's contient tous les éléments à l'intérieur de lui-même, et sa hauteur est une somme des hauteurs de tous ces éléments (tous les display:block éléments de toute façon, ainsi que les marges et padding); par conséquent, aucun élément contenu peut être plus grande que le document lui-même. Ce que vous devez faire est de comparer les windowhauteur de, pas le du document:

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

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

    JS Fiddle démo.

    • Droit.. C'est également clairement indiqué jquery api.. une Fois de plus je n'ai pas réussi à comprendre ce que j'ai lu. Merci ( +1 ) et acceptera quand je peux.
    • Vous êtes la bienvenue, je suis heureux d'avoir eu de l'aide! =D
    InformationsquelleAutor David Thomas
  2. 1

    Pour un élément qui a une hauteur de défilement qui est différente de celle du document de défilement de la hauteur, vous pouvez utiliser element.getBoundingClientRect().height (Docs).

    InformationsquelleAutor Eran Goldin