altura de página en javascript

Question

No puedo obtener el alto de una página en javascript cuando la página es más grande que la pantalla.

pensé que esto me obtener la altura correcta:

$(document).height(); 

sino que sólo se pone la altura de la pantalla, lo mismo que:

$('body').height(); 

mismo que:

document.offsetHeight; 

Por alguna razón, todos estos ejemplos solo devuelven el alto de la pantalla. ¿Alguien puede ayudar?

Answer 1

Usando jQuery (que se especificó), $(document).height() volverá exactamente lo que estás pidiendo.

Para aclarar el uso del método 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 

sospecho, que si $(document).height() no está funcionando para ti, algo está mal. Puede ser:

1. Llamadas demasiado temprano. Al igual que, antes de que el DOM esté listo
2. Ten algunos flotadores no despejados que no están causando que algunos elementos de nivel de bloque se expandan a su altura real. Así desordenando los cálculos de altura.
3. Tenga algo crítico absolutamente posicionado. Los elementos posicionados de forma absoluta no contribuyen a los cálculos de altura de sus elementos principales.

Answer 2

Creo que necesita agregar window.pageYOffset (la cantidad de la página ha sido desplazada, en píxeles).

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

Answer 3

No

seguro de jQuery. Pero este enlace puede ayudarte a comprender varias propiedades y cómo se comportan en diferentes modos en diferentes navegadores.

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

Answer 4

Si no tiene inconveniente con el uso de jQuery, ¿qué le parece obtener la altura del cuerpo o html? como:

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

Answer 5

Estaba buscando esto y llegué aquí. Sin Jquery, puedes obtener esto con JS simple también. A continuación funciona:

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

hacer la nota en el siguiente enlace para aclarar cuál utilizar: Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively