JavaScript HTML DOM deltaY 事件属性

• 

  deltaY 事件属性

  deltaY属性在向下滚动时返回正值，向上滚动时返回负值，否则为0。

  注意：此属性是只读的。

  返回用户向上或向下滚动：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  deltaY	支持	31.0+	17.0+	不支持	18.0+

• 

  语法

  event.deltaY
• 

  技术细节

  项目	描述
  返回值：	一个浮点，表示鼠标滚轮的滚动方向

• 

  更多例子

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

  尝试一下
• 

  相关页面

  HTML DOM参考：WheelEvent deltaX属性