la hauteur de la page en javascript

Je ne suis pas en mesure d'obtenir la hauteur d'une page en javascript lorsque la page est plus grande que l'écran.

Je pensais que ce serait me donner la bonne hauteur:

$(document).height();

mais qui ne reçoit que la hauteur de l'écran, de même que:

$('body').height();

même que:

document.offsetHeight;

Pour quelque raison que tous ces exemples ne sont qu'renvoie la hauteur de l'écran. Quelqu'un peut-il aider?

  • La version de jQuery? Selon les docs, $(document).height() a retourné à la hauteur sur l'ensemble du document depuis la version 1.2
InformationsquelleAutor jzp74 | 2009-07-18
  1. 22

    À l'aide de jQuery (que vous ne spécifiez), $(document).height() sera de retour exactement ce que vous demandez.

    De clarifier l'utilisation de la height() méthode:

    $('.someElement').height(); //returns the calculated pixel height of the element(s)
$(window).height();         //returns height of browser viewport
$(document).height();       //returns height of HTML document

    Je soupçonne, que si $(document).height() ne fonctionne pas pour vous, quelque chose est faux. Vous pouvez peut-être:

    1. De l'appeler trop tôt. Comme, avant que le DOM est prêt
    2. Ont certains incertains des flotteurs qui ne sont pas à l'origine de certains des éléments de niveau bloc pour développer à leur hauteur. Ainsi gâcher la hauteur des calculs.
    3. Ont quelque chose de critique en position absolue. Éléments en position absolue ne contribuent pas à la hauteur des calculs de leurs éléments parents.
    • Merci jason. J'ai appelé la fonction trop tôt comme vous l'avez dit dans votre première suggestion. Pour chaque nouvelle page, un ont ajax trucs de travail pour actualiser plusieurs parties de la page.
    InformationsquelleAutor jason
  2. 0

    Si vous êtes cool avec l'aide de jQuery, mais comment obtenir le corps ou html hauteur? comme:

    var winHeight = $('body').height();
    • y u pas l'utiliser pur js... 🙁
    InformationsquelleAutor alemur
  3. 0

    J'étais à la recherche de ce et atterri ici. Sans Jquery, vous pouvez l'obtenir avec plaine JS aussi. Ci-dessous fonctionne:

    console.log(document.body.clientHeight,document.body.scrollHeight,document.body.offsetHeight)

    Ne remarque le lien ci-dessous afin de clarifier pour l'utiliser:
    La compréhension offsetWidth, clientWidth, scrollWidth et de la Hauteur de, respectivement

    InformationsquelleAutor lookog
  4. -1

    Je pense que vous devez ajouter window.pageYOffset (le montant que la page a été décalée, en pixels).

    http://www.quirksmode.org/dom/w3c_cssom.html

    • c'est complètement différent de ce que l'OP a demandé..
    InformationsquelleAutor David-SkyMesh
  5. -1

    Pas sûr à propos de JQuery. Mais ce lien, peut vous aider à comprendre les diverses propriétés et comment ils se comportent dans différents modes dans les différents navigateurs.

    http://www.softcomplex.com/docs/get_window_size_and_scrollbar_position.html

    InformationsquelleAutor Ramesh