Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
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étodoWindow.scroll() desplaza la ventana a un lugar particular en el documento.
In this article
Sintaxis
js
window.scroll(x_coord, y_coord);window.scroll(options);Parámetros
x-coordes la coordenada sobre el eje horizontal del documento del pixel que querés que se muestre en la parte superior izquierda.y-coordes la coordenada sobre el eje vertical del documento del pixel que querés que se muestre en la parte superior izquierda.
- o -
optionses un diccionarioScrollToOptions.
Ejemplo
html
<!-- poner el pixel 100º verticalmente en el tope superior de la ventana --><button> Clic para desplazarse hacia abajo 100 pixeles</button>Utilizandooptions:
js
window.scroll({ top: 100, left: 100, behavior: "smooth",});Notas
Window.scrollTo() es efectivamente idéntico a este método. Para desplazamiento relativo, miraWindow.scrollBy(),Window.scrollByLines() yWindow.scrollByPages().
Para desplazarse sobre elementos, miraElement.scrollTop yElement.scrollLeft.
Especificaciones
| Specification |
|---|
| CSSOM View Module> # dom-window-scroll> |