目录

WheelEvent deltaY 属性

❮上一节事件属性下一节❯

示例

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

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

亲自试一试 »

描述

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

笔记：该属性是只读的。

语法

event.deltaY

技术细节

返回值：	A Double，表示鼠标滚轮的滚动方向

相关页面

HTML DOM 参考：WheelEvent deltaX 属性

更多示例

示例

在 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是 DOM Level 4 (2015) 功能。

所有现代浏览器都支持它：


Chrome	Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes

event.deltaYInternet Explorer 11（或更早版本）不支持。

❮上一节事件属性下一节❯