Descripción
La propiedad deltaY del interface WheelEvent nos proporciona la cantidad de desplazamiento vertical que se ha realizado con la rueda del ratón. El valor será positivo cuando el desplazamiento sea hacia abajo y negativo cuando sea hacia arriba. Esta propiedad es de solo lectura y nos devuelve un número de punto flotante.
Los valores de la propiedad deltaY son medidos en píxeles. Cuando más gire la rueda del ratón, mayor será el valor absoluto que nos devuelva la propiedad. El valor puede variar dependiendo del dispositivo y del sistema operativo utilizado.
Sintaxis
WheelEvent.deltaY
Objeto Padre
Ejemplo
En el siguiente ejemplo podemos ver cómo podemos detectar el desplazamiento vertical de la rueda del ratón y mostrar el valor en la consola.
// Añadimos un listener para el evento wheel
document.addEventListener('wheel', (event) => {
console.log('Desplazamiento vertical:', event.deltaY);
if (event.deltaY > 0) {
console.log('Desplazamiento hacia abajo');
} else {
console.log('Desplazamiento hacia arriba');
}
});