使用鼠标滚轮移动图像

我想使用鼠标滚轮将图像从一侧移动到另一侧。图像默认设置为绝对位置，左= 100px。它不允许scroll使用parseInt移动图像，但是如果我将它移出，它立即移动到left = 0px。我希望能够将它移动几个像素点击每个轮子。使用鼠标滚轮移动图像

window.onload = function() { 
     if (document.body.addEventListener) { 
       document.body.addEventListener("mousewheel", MouseWheelHandler, false); 
       document.body.addEventListener("DOMMouseScroll", MouseWheelHandler, false); 
     } 
     else document.body.attachEvent("onmousewheel", MouseWheelHandler); 

     function MouseWheelHandler(e){ 
      // cross-browser wheel delta 
     var e = window.event || e; // old IE support 
     var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); 

     img1.style.left = Math.max(0, Math.min(1100, parseInt(img1.style.left) + (delta))) + "px"; 

     return false; 
     } 
    };

来源

2014-02-27 user3081171

其1100px不是100px的 – user3081171