首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用MouseWheel移动图像

使用MouseWheel移动图像
EN

Stack Overflow用户
提问于 2014-02-27 13:55:39
回答 1查看 108关注 0票数 0

我正在尝试使用鼠标滚轮将图像从一边移动到另一边。默认情况下,图像设置为绝对位置和left=100px。它不允许滚动条使用parseInt移动图像,但如果我取出它,它会立即移动到left=0px。我希望能够移动它的每一个轮子点击几个像素。

代码语言:javascript
复制
 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;
        }
    };
EN

回答 1

Stack Overflow用户

发布于 2014-02-27 14:05:40

不要使用该事件!它没有得到很好的支持,可能会让你头疼。

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22060189

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档