Javascript 如何使用native scroll和jquery为其提供固定的滚动量（以像素为单位）？

我不想使用任何jquery插件。我想使用本机滚动条和jquery，以便获得固定的滚动量。 到目前为止，我需要使用jquery.mousewheel.min.js库在使用鼠标滚轮时提供固定的滚动量，但在拖动滚动条或单击滚动按钮时，没有运气做到这一点。 我得到了鼠标滚轮选项的代码：

function wheel($div, deltaY) {
var step = 30;
var pos = $div.scrollTop();
var nextPos = pos + (step * (-deltaY))
console.log("DelatY: " + deltaY + ", Step: " + step + ", nextPos: " + nextPos);
$div.scrollTop(nextPos);
}

$('#test').bind('mousewheel', function (event, delta, deltaX, deltaY) {
    if (delta > -2 && delta < 2) {
        wheel($(this), deltaY);
        event.preventDefault();
    }
    console.log(delta);
});

功能轮（$div，deltaY）{
var阶跃=30；
var pos=$div.scrollTop（）；
var nextPos=pos+（步骤*（-deltaY））
log（“DelatY:+deltaY+”，步骤：+Step+”，nextPos:+nextPos）；
$div.scrollTop（nextPos）；
}
$（'#test'）.bind（'mousewheel'，函数（事件、增量、增量、增量）{
如果（增量>-2&&增量<2）{
车轮（$（此），三角洲）；
event.preventDefault（）；
}
控制台日志（增量）；
});

事件未与控件绑定，请尝试下面的一个

 $(document).ready(function()
    {
        $('#test').bind('mousewheel', function (event, delta, deltaX, deltaY) {
            if (delta > -2 && delta < 2) {
                wheel($(this), event.clientY);
                event.preventDefault();
            }
            console.log(delta);
        });
    });

$（文档）.ready（函数（）
{
$（'#test'）.bind（'mousewheel'，函数（事件、增量、增量、增量）{
如果（增量>-2&&增量<2）{
控制盘（$（此），event.clientY）；
event.preventDefault（）；
}
控制台日志（增量）；
});
});

---

除了参数

delta、deltaX、deltaY

值也是未定义的，因此请提供相同的值。

什么是delta、deltaX和deltaY？？？