当我使用鼠标滚轮滚动 div
中的内容时,我希望它滚动 30px
每一步或每个鼠标滚轮刻度 w/e 是最好的解决方案.
我更喜欢 performance > ease
即我更喜欢 javascript > jquery
最佳答案
所以我摆弄了一些自己的解决方案,你可以看例子 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 鼠标滚轮
关于javascript - 如何指定每一步滚动移动多少像素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18564561/