javascript - tablas - ¿Cómo obtener y configurar la posición de desplazamiento de la página web actual?

title css

Question

¿Cómo puedo obtener y configurar la posición de desplazamiento de la página web actual?

Tengo un formulario largo que necesita actualizarse en función de las acciones / entradas del usuario. Cuando esto sucede, la página se restablece a la parte superior, lo que es molesto para los usuarios, porque tienen que desplazarse hacia abajo hasta el punto en el que estaban.

Si pudiera capturar la posición de desplazamiento actual (en una entrada oculta) antes de que la página se recargue, podría volver a configurarla cuando vuelva a cargar.

Answer 1

Además, es posible que desee consultar el plugin jQuery.ScrollTo

Answer 2

Fui con la solución de almacenamiento local HTML5 ... Todos mis enlaces llaman a una función que establece esto antes de cambiar la ventana. Ubicación:

localStorage.topper = document.body.scrollTop;

y cada página tiene esto en el cuerpo en carga:

  if(localStorage.topper > 0){ 
    window.scrollTo(0,localStorage.topper);
  }

Answer 3

Hay algunas inconsistencias en cómo los navegadores exponen las coordenadas de desplazamiento de la ventana actual. Google Chrome en Mac e iOS siempre devuelve 0 cuando se usa document.documentElement.scrollTop o jQuery''s $(window).scrollTop() .

Sin embargo, funciona de manera consistente con:

// horizontal scrolling amount
window.pageXOffset

// vertical scrolling amount
window.pageYOffset

Answer 4

La respuesta actualmente aceptada es incorrecta: document.documentElement.scrollTop siempre devuelve 0 en Chrome. Esto se debe a que WebKit utiliza el body para realizar un seguimiento del desplazamiento, mientras que Firefox e IE usan html .

Para obtener la posición actual, quiere:

document.documentElement.scrollTop || document.body.scrollTop

Puede establecer la posición actual en 1000px en la página como sigue:

document.documentElement.scrollTop = document.body.scrollTop = 1000;

O bien, usando jQuery (¡anímalo mientras estás en ello!):

$("html, body").animate({ scrollTop: "1000px" });

Answer 5

Está buscando la propiedad document.documentElement.scrollTop .