hauteur de la page en javascript

Question

Je n'arrive pas à obtenir la hauteur d'une page en javascript lorsque la page est plus grande que l'écran.

Je pensais que ce serait me faire la bonne hauteur:

$(document).height(); 

mais obtient seulement la hauteur de l'écran, même que:

$('body').height(); 

même que:

document.offsetHeight; 

Pour une raison quelconque, tous ces exemples ne renvoient que la hauteur de l'écran. Quelqu'un peut-il aider?

Answer 1

En utilisant jQuery (que vous avez déjà défini) $(document).height() retournera exactement ce que vous demandez.

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

$('.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 ne va pas. Vous pouvez être:

1. L'appeler trop tôt. Like, avant que le DOM ne soit prêt
2. Avoir des flottants non effacés qui ne provoquent pas l'expansion de certains éléments de niveau bloc à leur hauteur réelle. Ainsi gâcher les calculs de hauteur.
3. Avoir quelque chose de critique absolument positionné. Les éléments absolument positionnés ne contribuent pas aux calculs de hauteur de leurs éléments parents.

Answer 2

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

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

Answer 3

ne suis pas sûr JQuery. Mais ce lien, pourrait vous aider à comprendre les différentes propriétés et comment ils se comportent dans différents modes dans différents navigateurs.

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

Answer 4

Si vous êtes cool avec l'utilisation de jQuery, qu'en est-il de la taille du corps ou du format html? comme:

var winHeight = $('body').height(); 

Answer 5

Je cherchais ceci et j'ai atterri ici. Sans Jquery, vous pouvez l'obtenir avec JS aussi. travaux ci-dessous:

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

Prenez note le lien ci-dessous pour préciser lequel utiliser: Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively