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)Window.scrollByPages() (en-US).

Para desplazarse sobre elementos, mira Element.scrollTopElement.scrollLeft.

Especificación

Especificación Estado Comentario
CSS Object Model (CSSOM) View Module
La definición de 'window.scroll()' en esta especificación.
Working Draft Definición inicial.

Compatibilidad en navegadores

BCD tables only load in the browser

Ver también