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 julio de 2015.

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 -

options es un diccionario ScrollToOptions.

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

Enable JavaScript to view this browser compatibility table.

Ver también

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 24 jul 2023 by MDN contributors.

View this page on GitHub • Report a problem with this content