Configuración de la posición vertical de la página HTML con JavaScript

Question

Tengo una página HTML que se desplaza hacia arriba y hacia abajo (no mucho, pero se desplaza). ¿Cómo puedo configurar la posición de desplazamiento en la página después de ejecutar algún JavaScript?

Estoy usando jQuery para inyectar un poco de HTML adicional en la parte inferior de la página y me gustaría desplazarme programáticamente hasta la posición de ese nuevo contenido después de que se haya agregado.

Answer 1

Otra forma de hacer esto, para que tenga la opción:

En el HTML que está agregando al final de la página, puede insertar una etiqueta de anclaje con nombre y luego cambiar la URL para que la página se mueva allí (FYI: no actualizará la página).

// add HTML like this, dynamically:
// <a name="moveHere" />

// the javascript to make the page go to that location:
window.location.hash = "moveHere";

Dependiendo de lo que esté haciendo, esto puede o no ser una solución útil.

Answer 2

Intente usar window.scroll .

  

Ejemplo:

// put the 100th vertical pixel at the top of the window
<button onClick="scroll(0, 100);">click to scroll down 100 pixels</button>