javascript - 如何指定每一步滚动移动多少像素？

Question

当我使用鼠标滚轮滚动 div 中的内容时，我希望它滚动 30px 每一步或每个鼠标滚轮刻度 w/e 是最好的解决方案.
我更喜欢 performance > ease 即我更喜欢 javascript > jquery

Answer 1

所以我摆弄了一些自己的解决方案，你可以看例子 here
谢谢Tom引导我找到这个答案。

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) {
    wheel($(this),deltaY);
    event.preventDefault();
});

使用的库:

• jQuery 1.8.3
• jQuery 鼠标滚轮