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-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 |
Compatibilidad con navegadores
Loading…