javascript - 触发 'dummy'鼠标滚轮事件

Question

有没有办法用任意增量触发滚轮事件。就像 jQuery 对“点击”所做的那样:

$('#selector').trigger('click');

我需要类似的东西，只需一个滚轮即可:

$('#selector').trigger('DOMMouseScroll',{delta: -650});
//or mousewheel for other browsers

我不能用 css 技巧做“假装”之类的事情，我需要触发实际的 native (或尽可能接近)事件。

谢谢!

Answer 1

检查下面的代码以触发向下滚动

let wheelEvent = new WheelEvent('wheel', {
  deltaY: 1,
  deltaMode: 1
});
document.getElementById('selector').dispatchEvent(wheelEvent);

<div id="selector"></div>

引用:https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent