Window.scroll()
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 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
BCD tables only load in the browser