Propiedad deltaY del evento WheelEvent

Eventos DOM WheelEvent

Definición y uso

La propiedad deltaY devuelve un valor positivo al desplazarse hacia abajo, un valor negativo al desplazarse hacia arriba, y 0 en caso contrario.

Notas:Esta propiedad es de solo lectura.

Ejemplo

Ejemplo 1

Devuelve si el usuario está desplazándose hacia arriba o hacia abajo:

function myFunction(event) {
  var y = event.deltaY;
}

Prueba personalmente

Ejemplo 2

Scrollar dentro de DIV para hacer que sea mayor o menor:

function myFunction(event) {
  var y = event.deltaY;
  var currentSize = event.target.style.width;
  if (y > 0) {
    newSize = parseInt(currentSize) + 10;
  } else {
    newSize = parseInt(currentSize) - 10;
  }
  event.target.style.width = newSize + "px";
  event.target.style.height = newSize + "px";
}

Prueba personalmente

Gramática

event.deltaY

Detalles técnicos

Valor devuelto: Valor de tipo Double, que indica la dirección de desplazamiento del ratón en la rueda.

Compatibilidad del navegador

Propiedad Chrome IE Firefox Safari Opera
deltaY 31 Se admite 17 No se admite 18

Páginas relacionadas

Manual de referencia de DOM HTML:Propiedad deltaX de WheelEvent

Eventos DOM WheelEvent