Método para desplazar la ventana por una cantidad en JavaScript
El método scrollBy desplaza la ventana una
cantidad determinada desde la posición actual.
Como primer parámetro acepta el desplazamiento
horizontal, y como segundo, el vertical.
Desplacemos la ventana por las cantidades dadas:
window.scrollBy(100, 200);
Ejecutemos el desplazamiento en la dirección opuesta:
window.scrollBy(-100, -200);
Ejecutemos un desplazamiento suave:
window.scrollBy({
top: 100,
left: 100,
behavior: 'smooth'
});
Al hacer clic en el botón, desplaza
la ventana 100px hacia abajo.
Al hacer clic en el botón, desplaza
la ventana 100px hacia arriba.
Al hacer clic en el botón, desplaza suavemente
la ventana 300px hacia abajo.
Al hacer clic en el botón, desplaza suavemente
la ventana 300px hacia arriba.