防止鼠标滚轮滚动,但不阻止滚动条事件.JavaScript的

Question

我需要通过滚动条使网页可滚动.我试图找到如何捕捉滚动条事件,但我认为这是不可能的.目前我使用这个功能:

function preventDefault(e) {
    e = e || window.event;
    if (e.preventDefault) {
        e.preventDefault();
    } else {
        e.returnValue = false;
    }
}
function wheel(e) {
    preventDefault(e);
}
function disable_scroll() {
    if (window.addEventListener) {
        window.addEventListener('DOMMouseScroll', wheel, false);
    }
    window.onmousewheel = document.onmousewheel = wheel;
}

但它们在我的情况下并不是很有用,因为它们会阻止所有滚动事件.你有什么想法？我已经考虑了3天了,我没有找到任何答案(也有问题).谢谢!

Answer 1

你可以试试这个;

window.onwheel = function(){ return false; }

这将阻止使用鼠标滚轮滚动窗口.如果<div>或其他元素的内容是可滚动的,你可以像这样阻止它;

document.getElementById('{element-id}').onwheel = function(){ return false; }

干杯...

Answer 2

jQuery解决方案，以防止鼠标滚轮滚动窗口：

$(window).bind('mousewheel DOMMouseScroll', function(event){ return false});

如果要防止使用鼠标滚轮滚动单个DOM元素，请尝试以下操作：

$('#{element-id}').bind('mousewheel DOMMouseScroll', function (e) { return false; });

该DOMMouseScroll事件在Firefox中使用，所以你要听两个。