Objeto de JavaScript

Manual de referencia de JavaScript

Manual de referencia de JS DOM

Objeto Almacenamiento de JS Objeto Ventana de JavaScript

Método Window scrollBy()

scrollBy()el método desplaza el documento en la ventana con un número especificado de píxeles.

scrollBy() desplaza el documento en la ventana especificando un número de píxeles, mientras quewindow.scrollTo()Desplazarse a la posición absoluta del documento.

Sintaxis:

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

Ejemplo

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

Prueba aquí‹/›

Compatibilidad del navegador

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

Método
scrollBy()	Sí	Sí	Sí	Sí	Sí

Valor del parámetro

Parámetros	Descripción
x-coord	El valor de píxeles horizontal que desea desplazar. Los valores positivos desplazarán hacia la derecha, mientras que los valores negativos desplazarán hacia la izquierda.
y-coord	El valor de píxeles vertical que desea desplazar. Los valores positivos desplazarán hacia abajo, mientras que los valores negativos desplazarán hacia arriba.

Detalles técnicos

Valor de retorno:	Ninguno

Más ejemplos

Desplazamiento vertical del documento100 píxeles:

Ejemplo

<botón onclick="window.scrollBy(0,　10(0);">Haga clic</botón>

Prueba aquí‹/›

Desplazamiento horizontal y vertical del documento:

Ejemplo

<botón onclick="window.scrollBy(0,　5(0)">Desplazar hacia abajo</botón>
<botón onclick="window.scrollBy(0,　-5(0)">Desplazar hacia arriba</botón>
<botón onclick="window.scrollBy(0,10(0, 0)">Desplazar a la derecha</botón>
<botón onclick="window.scrollBy(0,-10(0, 0)">Desplazar a la izquierda</botón>

Prueba aquí‹/›

Referencias relacionadas

Referencia de ventana (Window):método window.scrollTo()

Referencia de HTML DOM:elementopropiedad .scrollLeft

Referencia de HTML DOM:elementopropiedad .scrollTop

Objeto Ventana de JavaScript

Objeto Almacenamiento de JS Objeto Ventana de JavaScript