使用MouseWheel移动图像

时间:2014-02-27 05:55:39

标签: javascript html css

我正在尝试使用鼠标滚轮将图像从一侧移动到另一侧。默认情况下,图像设置为绝对位置,左侧= 100px。它不允许滚动使用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;
        }
    };

1 个答案:

答案 0 :(得分:0)

请勿使用该活动!它没有得到很好的支持,可能让你感到头痛。

https://developer.mozilla.org/en-US/docs/DOM/DOM_event_reference/mousewheel