Window.scroll()

El método Window.scroll() desplaza la ventana a un lugar particular en el documento.

Sintaxis

window.scroll(x-coord, y-coord)
window.scroll(options)

Parámetros

  • x-coord es la coordenada sobre el eje horizontal del documento del pixel que querés que se muestre en la parte superior izquierda.
  • y-coord es la coordenada sobre el eje vertical del documento del pixel que querés que se muestre en la parte superior izquierda.

- o -

Ejemplo

<!-- poner el pixel 100º verticalmente en el tope superior de la ventana -->

<button onClick="scroll(0, 100);">Clic para desplazarse hacia abajo 100 pixeles</button>

Utilizando options:

window.scroll({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

Notas

Window.scrollTo() es efectivamente idéntico a este método. Para desplazamiento relativo, mira Window.scrollBy(), Window.scrollByLines() (en-US) y Window.scrollByPages() (en-US).

Para desplazarse sobre elementos, mira Element.scrollTop y Element.scrollLeft.

Especificaciones

Specification
CSSOM View Module
# dom-window-scroll

Compatibilidad en navegadores

BCD tables only load in the browser

Ver también