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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
scroll
options.behavior parameter
options.left parameter
options.top parameter

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.

Ver también