jQuery禁用滚动在Firefox中不起作用

Question

我在其他项目中使用此代码，它工作正常。 我不知道我的代码有什么问题。 它适用于Chrome，但不适用于Firefox。

这是我的代码：

 $('body').on({ 'mousewheel': function(e) { e.preventDefault(); e.stopPropagation(); } }); 

 body { height: 5000px; } 

 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> 

示例jsFiddle 。

我项目中的jQuery版本是1.11.3。

Answer 1

你可以采用CSS方法：

body {
    max-height: 100%;
    overflow: hidden;
}

或者这是我在Firefox中工作的：

document.addEventListener('DOMMouseScroll', function(e){
    e.stopPropagation();
    e.preventDefault();
    e.cancelBubble = false;
    return false;
}, false);

你可以在这里看到我的例子： https ： //jsfiddle.net/qn75a76q/1/

Answer 2

有些浏览器在身体上没有默认的“滚动溢出”。 Instand它在html或文档上。 例如，尝试$('html')或$(document) 。 这可能有所帮助

Answer 3

我引用另一个答案：

从版本3开始，Firefox无法识别“鼠标滚轮”。您应该使用“DOMMouseScroll”代替firefox。

检查一下： http ： //www.javascriptkit.com/javatutors/onmousewheel.shtml

这里的原始答案： Firefox中没有触发Mousewheel事件