Window.scroll()
El método Window.scroll()
desplaza la ventana a un lugar particular en el documento.
Sintaxis
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
(en-US).
Ejemplo
<!-- 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
:
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()
(en-US) y Window.scrollByPages()
(en-US).
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