Window.scroll()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.

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

Sintaxis

js
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

html
<!-- 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:

js
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() y Window.scrollByPages().

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

Especificaciones

Specification
CSSOM View Module
# dom-window-scroll

Compatibilidad con navegadores

BCD tables only load in the browser

Ver también