Objeto JavaScript

Manual de Referencia JavaScript

Manual de Referencia JS DOM

Objeto Almacenamiento JS Objeto Ventana de JavaScript

Método scrollTo() de Window

scrollTo()el método desplaza el documento a la posición de coordenadas especificada.

scrollTo() desplaza al posición absoluta, mientras quewindow.scrollBy()Desplazar el documento a la cantidad de píxeles especificados.

Para elementos de desplazamiento, consulteelemento.scrollTopyelemento.scrollLeft.

Sintaxis:

window.scrollTo(x-coord, 　y-coord)

Ejemplo

<botón onclick="window.scrollTo(500, 0);">Click</botón>

Prueba y observa‹/›

Compatibilidad del navegador

Todos los navegadores admiten completamente el método scrollTo():

Método
scrollTo()	Sí	Sí	Sí	Sí	Sí

Valor del parámetro

Parámetros	Descripción
x-coord	Píxeles que se mostrarán en el eje horizontal del documento, en la esquina superior izquierda
y-coord	Píxeles que se mostrarán en el eje vertical del documento, ubicados en la esquina superior izquierda

Detalles técnicos

Valor de retorno:	Ninguno

Más ejemplos

Scroll vertical del documento500 píxeles:

Ejemplo

<botón onclick="window.scrollTo(0,　500);">Hacer clic</botón>

Prueba y observa‹/›

Scroll horizontal y vertical del documento:

Ejemplo

<botón onclick="window.scrollTo(0,　50)">Scroll hacia abajo</botón>
<botón onclick="window.scrollTo(0,　-50)">Scroll hacia arriba</botón>
<botón onclick="window.scrollTo(300,　0)">Scroll hacia la derecha</botón>
<botón onclick="window.scrollTo(-300,　0)">Scroll hacia la izquierda</botón>

Prueba y observa‹/›

Referencias relacionadas

Referencia de ventana (Ventana):método window.scrollBy()

Referencia DOM HTML:elemento propiedad .scrollLeft

Referencia DOM HTML:elemento propiedad .scrollTop

Objeto Ventana de JavaScript

Objeto Almacenamiento JS Objeto Ventana de JavaScript