日期:2014-05-16  浏览次数:20384 次

jquery鼠标移入某区域屏蔽鼠标滚轮 滚动滚动条
就是我页面里有一张图片,鼠标滚轮可以放大缩小这张图片,但是鼠标滚动的同时滚动条也跟着滚了,如何在鼠标移到图片上时禁止滚动条滚动呢

------解决方案--------------------
<script>
    var firefox = navigator.userAgent.indexOf('Firefox') != -1;
    function MouseWheel(e) {
    ///对img按下鼠标滚路,阻止视窗滚动
        e = e 
------解决方案--------------------
 window.event;
        if (e.stopPropagation) e.stopPropagation();
        else e.cancelBubble = true;
        if (e.preventDefault) e.preventDefault();
        else e.returnValue = false;

        //其他代码
    }
    window.onload = function () {
        var img = document.getElementById('img');
        firefox ? img.addEventListener('DOMMouseScroll', MouseWheel, false) : (img.onmousewheel = MouseWheel);
    }
</script><div style="height:100px"></div>
<img src="http://avatar.profile.csdn.net/C/5/A/1_px372265205.jpg" id="img" style="width:200px"/>
<div style="height:1000px"></div>

------解决方案--------------------
引用:
楼上的方法却是管用。。不过管用过头了。。就连我滚轮控制图片放大缩小也给禁了


放大缩小自己编写逻辑就行了,获取是向上还是向下滚动,然后设置img的大小。。

javascript鼠标滚轮滚动事件