¿Cómo obtengo la posición de desplazamiento de un documento?

Question

¿Cómo obtener el valor de posición de desplazamiento de un documento?

Answer 1

$(document).height() //returns window height 

$(document).scrollTop() //returns scroll position from top of document 

Answer 2

Algo como esto debería resolver su problema:

$.getDocHeight = function(){ 
    var D = document; 
    return Math.max(Math.max(D.body.scrollHeight, D.documentElement.scrollHeight), Math.max(D.body.offsetHeight, D.documentElement.offsetHeight), Math.max(D.body.clientHeight, D.documentElement.clientHeight)); 
}; 

alert($.getDocHeight()); 

Sal: llamar a esa función cada vez que lo necesite, la alerta es para propósitos de prueba ..

Answer 3

document.getElementById("elementID").scrollHeight 

$("elementID").scrollHeight 

Answer 4

Así es como para obtener el scrollHeight de un elemento obtenido con un selector jQuery:

$(selector)[0].scrollHeight 

Si selector es la identificación del elemento (p. elemId), se garantiza que el elemento 0-indexado de la matriz será el elemento que desee seleccionar, y scrollHeight será correcto.

Answer 5

Si está utilizando Jquery 1.6 o superior, use prop para acceder al valor.

$(document).prop('scrollHeight') 

Las versiones anteriores solían obtener el valor de attr pero no la publicación 1.6.

Answer 6

Para obtener la altura de desplazamiento real de las áreas desplazadas por la barra de desplazamiento de la ventana, utilicé $('body').prop('scrollHeight'). Esta parece ser la solución de trabajo más simple, pero no he comprobado exhaustivamente la compatibilidad. Emanuele Del Grande señala en otra solución que esto probablemente no funcionará para IE por debajo de 8.

La mayoría de las otras soluciones funcionan bien para elementos desplazables, pero esto funciona para toda la ventana. Notablemente, tuve el mismo problema que Michael para la solución de Ankit, es decir, que $(document).prop('scrollHeight') está devolviendo undefined.

Answer 7

Utiliza elementos HTML DOM, pero no el selector jQuery. Se puede utilizar como:

var height = document.body.scrollHeight; 

Answer 8

Prueba esto:

var scrollHeight = $(scrollable)[0] == document ? document.body.scrollHeight : $(scrollable)[0].scrollHeight; 

Answer 9

Usted puede probar esto, por ejemplo, este código de poner la barra de desplazamiento en la parte inferior de todas las etiquetas DIV

Recuerde: jQuery puede aceptar una función en lugar del valor como argumento. "this" es el objeto tratado por jQuery, la función devuelve la propiedad scrollHeight del DIV actual "this" y lo hace para todos los DIV en el documento.

$("div").scrollTop(function(){return this.scrollHeight})