Desplazamiento de ventana por ()
Ejemplo
Desplaza el documento 100px horizontalmente:
window.scrollBy(100, 0);
Desplaza el documento 100px verticalmente:
window.scrollBy(0, 100);
Más ejemplos a continuación.
Definición y uso
El scrollBy()
método desplaza el documento por el número especificado de píxeles.
Nota
Para que el scrollBy()
método funcione, el documento debe ser más grande que la pantalla y la barra de desplazamiento debe estar visible.
Ver también:
Sintaxis
window.scrollBy(x, y)
o solo:
scrollBy(x, y)
Parámetros
Parameter | Description |
x | Required. Number of pixels to scroll (horizontally). Positive values scroll to the right, negative values to the left. |
y | Required. Number ofpixels to scroll (vertically). Positive values scroll down, negative values scroll up. |
Valor devuelto
NINGUNA |
Más ejemplos
Desplazar el documento hacia arriba y hacia abajo:
<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
Desplazar el documento hacia la derecha y hacia la izquierda:
<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>
Compatibilidad con navegador
scrollBy()
es compatible con todos los navegadores:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |