Comment obtenir la hauteur d'un élément du corps

Ici la hauteur totale de l'ensemble des <div>s'sont de 900 pixels, mais la fonction jQuery retourne la hauteur du corps comme 577 pixels. (Si je supprime le corps CSS, c'est du travail).

Est-il une solution pour ce problème?

$j(function() {
    alert($j("body").height());
})

html, body {
    height:100%;
}

<div style="height:200px">header</div>
<div style="height:500px">content</div>
<div style="height:200px">footer</div>

source d'informationauteur Shiva Srikanth Thummidi

  1. 26

    Ensemble

    html { height: 100%; }
body { min-height: 100%; }

    au lieu de height: 100%.

    Le résultat jQuery retourne est correct, parce que vous avez réglé la hauteur du corps à 100%, et c'est probablement à la hauteur de la fenêtre d'affichage. Ces trois Divisions ont été à l'origine d'un dépassement de capacité, car il n'y avait pas assez de place pour eux dans l'élément BODY. Pour voir ce que je veux dire, définir une frontière à la balise BODY et de vérifier où la frontière se termine.

  2. 37

    Simplement utiliser

    $(document).height() //- $('body').offset().top

    et /ou

    $(window).height()

    au lieu de $('body').height();

  3. 2

    $(document).hauteur() semble faire l'affaire et donne de la hauteur totale, y compris les zones qui n'est visible que par le biais de défilement.

  4. 0

    Je crois que la hauteur du corps retourné est la hauteur visible. Si vous avez besoin de la hauteur totale de la page, vous pouvez envelopper vos balises div dans une div contenant et d'obtenir la hauteur de la.

  5. 0

    Nous essayons d'éviter à l'aide de l'IE 

    $window[0].document.body.clientHeight

    Et a constaté que la suite de jQuery ne produisent toujours la même valeur, mais finalement ne à un certain moment dans nos pages, scénario de charge qui a travaillé pour nous et maintenu en charge des navigateurs:

    $(document).height()