WheelEvent deltaY 属性

DOM events 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

Technical details

Return value: Double type value, indicating the scrolling direction of the mouse wheel.

Browser support

Properties Chrome IE Firefox Safari Opera
deltaY 31 Supported 17 Not supported 18

Related pages

HTML DOM reference manual:WheelEvent deltaX property

DOM events WheelEvent