Свойство deltaY события WheelEvent

DOM события WheelEvent

Определение и использование

Свойство deltaY возвращает положительное значение при прокрутке вниз, отрицательное значение при прокрутке вверх, в противном случае 0.

Комментарий:Эта свойство только для чтения.

Пример

Пример 1

Вернуть, в каком направлении пользователь прокручивает:

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

Попробуйте сами

Пример 2

Прокрутите DIV, чтобы сделать его больше/меньше:

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";
}

Попробуйте сами

Грамматика

event.deltaY

Технические детали

Возврат значения: Значение Double, показывающее направление скролла мыши с помощью колеса.

Поддержка браузеров

Свойства Chrome IE Firefox Safari Opera
deltaY 31 Поддерживается 17 Не поддерживается 18

Соответствующие страницы

Руководство HTML DOM:Свойство deltaX для WheelEvent

DOM события WheelEvent