WheelEvent deltaY 属性

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 参考手册：WheelEvent deltaX 属性

DOM 事件 WheelEvent