Hauteur totale de la page

Je vais essayer d'obtenir la hauteur totale d'une page à l'aide de JavaScript et de jQuery afin que je puisse vérifier si la page est assez longue à afficher quelque chose, mais dans mes tests je n'arrive pas à obtenir la hauteur totale de la page.

J'ai regardé sur Internet mais ce genre de choses ne semblent pas être bien documentées, de même que tout ce que je peux trouver est scrollHeightqui, comme je pourrais mentionner, ne fonctionne pas.

Un moyen d'utiliser jQuery pour le trouver?

source d'informationauteur Brandon Wang

  1. 35

    Sans cadre:

    var _docHeight = (document.height !== undefined) ? document.height : document.body.offsetHeight;
var _docWidth = (document.width !== undefined) ? document.width : document.body.offsetWidth;
  2. 10

    Avez-vous essayé $(document).height(); ?

    Démo ici

  3. 6

    document.documentElement.scrollHeight fonctionne ok pour moi dans la dernière version de Internet Explorer, Chrome, Firefox et Safari.

  4. 2

    Hauteur de la totalité de la page...

    document.body.offsetHeight

    Hauteur de la fenêtre d'affichage...

    var h;

if(self.innerHeight)
  h = window.innerHeight
else if(document.documentElement && document.documentElement.clientHeight)
  h = document.documentElement.clientHeight;
else if(document.body)
  h= document.body.clientHeight;

    Cet article peut vous aider.

  5. 1

    Peut-être utiliser la position d'un élément en bas de la page, comme:

    $("#footer").offset().top
  6. 1

    Pour trouver le hauteur de l'intégralité du documentvous pourriez juste trouver le plus de nœuds du DOM sur la page actuelle avec un simple récursivité:

    ;(function() {
    var pageHeight = 0;

    function findHighestNode(nodesList) {
        for (var i = nodesList.length - 1; i >= 0; i--) {
            if (nodesList[i].scrollHeight && nodesList[i].clientHeight) {
                var elHeight = Math.max(nodesList[i].scrollHeight, nodesList[i].clientHeight);
                pageHeight = Math.max(elHeight, pageHeight);
            }
            if (nodesList[i].childNodes.length) findHighestNode(nodesList[i].childNodes);
        }
    }

    findHighestNode(document.documentElement.childNodes);

    //The entire page height is found
    console.log('Page height is', pageHeight);
})();

    REMARQUE: Il est travailler avec Iframes.

    Profitez-en!

  7. 0

    Ont un look à la la documentation. L'une des méthodes prises en charge: hauteur, innerHeight, outerHeight peut être approprié pour vous.