Ventana scrollBy() Method

Ejemplo

Desplazarse por el documento 100px horizontal:

window.scrollBy(100, 0);

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El scrollBy() método desplaza el documento por el número especificado de píxeles.

Note: Para que este método funcione, la propiedad visible de la barra de desplazamiento de la ventana debe establecerse en verdad!

Soporte del navegador

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

Sintaxis

window.scrollBy( Los valores de los parámetros

Parámetro	Tipo	Descripción
xnum	Number	Necesario. El número de píxeles para desplazarse por, a lo largo del eje x (horizontal) . Los valores positivos se desplazarán hacia la izquierda, mientras que los valores negativos se desplazará hacia la derecha
ynum	Number	Necesario. El número de píxeles para desplazarse por, a lo largo del eje Y (vertical) . Los valores positivos se desplazarán hacia abajo, mientras que los valores negativos desplazan hacia arriba

Detalles técnicos

Valor de retorno:	Sin valor de retorno

Más ejemplos

Ejemplo

Desplazarse por el documento 100px verticalmente:

window.scrollBy(0, 100);

Inténtalo tú mismo "

Ejemplo

Desplazarse por el documento de forma horizontal y vertical:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>

<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>

Inténtalo tú mismo "