altezza della pagina in javascript

Question

io sono in grado di ottenere l'altezza di una pagina in javascript quando la pagina è più grande dello schermo.

Ho pensato che questo mi avrebbe ottenere la giusta altezza:

$(document).height(); 

ma che solo ottiene l'altezza dello schermo, lo stesso come:

$('body').height(); 

stessa:

document.offsetHeight; 

Per qualche motivo, tutti questi esempi restituiscono solo l'altezza dello schermo. Qualcuno può aiutare?

Answer 1

utilizzando jQuery (che è stato specificato), $(document).height() tornerà esattamente quello che stai chiedendo.

Per chiarire l'utilizzo del metodo 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 

Ho il sospetto, che se $(document).height() non funziona per voi, qualcosa non va. Potresti essere:

1. Chiamarlo troppo presto. Ad esempio, prima che il DOM sia pronto
2. Alcuni float non liquidati che non causano l'espansione di alcuni elementi a livello di blocco all'altezza reale. Quindi incasinare calcoli di altezza.
3. Avere qualcosa di critico in posizione assoluta. Gli elementi posizionati in modo assoluto non contribuiscono al calcolo dell'altezza dei loro elementi principali.

Answer 2

penso che è necessario aggiungere window.pageYOffset (l'importo che la pagina è stata scorrimento, in pixel).

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

Answer 3

Non

sicuro di JQuery. Ma questo collegamento potrebbe aiutarti a comprendere le varie proprietà e il modo in cui si comportano in modi diversi nei diversi browser.

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

Answer 4

Se stai bene con jQuery, che ne dici di ottenere il corpo o l'altezza in html? Mi piace:

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

Answer 5

stavo cercando questo e sono arrivato qui. Senza Jquery, puoi farlo anche con JS. Qui di seguito funziona:

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

Do atto sul link qui sotto per chiarire quale usare: Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively