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