Propriedade deltaY do WheelEvent

Eventos DOM WheelEvent

Definição e uso

A propriedade deltaY retorna um valor positivo quando rolado para baixo, um valor negativo quando rolado para cima e 0 caso contrário.

Notas:Esta propriedade é apenas de leitura.

Exemplo

Exemplo 1

Retorne se o usuário está rolando para cima ou para baixo:

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

Experimente pessoalmente

Exemplo 2

Role para dentro do DIV para torná-lo maior/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";
}

Experimente pessoalmente

Gramática

event.deltaY

Detalhes técnicos

Retorno: Valor do tipo Double, que indica a direção de rolagem da roda do mouse.

Suporte do navegador

Propriedade Chrome IE Firefox Safari Opera
deltaY 31 Suportado 17 Não suportado 18

Páginas relacionadas

Manual de referência do HTML DOM:Propriedade deltaX do WheelEvent

Eventos DOM WheelEvent