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 -

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()Window.scrollByPages().

Para desplazarse sobre elementos, mira Element.scrollTopElement.scrollLeft.

Especificación

Especificación Estado Comentario
CSS Object Model (CSSOM) View Module
La definición de 'window.scroll()' en esta especificación.
Working Draft Definición inicial.

Compatibilidad en navegadores

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
scrollChrome Soporte completo SiEdge Soporte completo 12Firefox Soporte completo SiIE ? Opera Soporte completo SiSafari Soporte completo SiWebView Android Soporte completo SiChrome Android Soporte completo SiFirefox Android Soporte completo SiOpera Android Soporte completo SiSafari iOS Soporte completo SiSamsung Internet Android Soporte completo Si
ScrollToOptions parameterChrome Soporte completo 45Edge Sin soporte NoFirefox Soporte completo SiIE Sin soporte NoOpera Soporte completo 32Safari Sin soporte NoWebView Android Soporte completo 45Chrome Android Soporte completo 45Firefox Android Soporte completo SiOpera Android Soporte completo 32Safari iOS Sin soporte NoSamsung Internet Android Soporte completo Si

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
Compatibilidad desconocida  
Compatibilidad desconocida

Ver también

Etiquetas y colaboradores del documento

Colaboradores en esta página: AlePerez92, mdnwebdocs-bot, patoezequiel
Última actualización por: AlePerez92,