WheelEvent deltaY 屬性

定義和用法

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 属性