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.
* Some parts of this feature may have varying levels of support.
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-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 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 |