Javascript 为什么mousewheel在chrome中工作，而在firefox中却不工作

我目前只使用鼠标滚轮使用CSS上下滚动弹出页面，但我无法在FireFox中使用它。由于某些原因，它目前在Chrome中工作，只是使用overflow-x:hidden；和overflow-y:auto

我曾尝试使用jQuery Mousewheel插件jQuery.Mousewheel.min.js来获得一个页面，该页面可以在没有滚动条的情况下上下滚动，但遗憾的是，我无法让它工作。Firefox是否还需要使用鼠标滚轮上下滚动页面？CSS、Javascript还是jQuery

HTML

---

您提到您已经尝试使用jQuery mousewheel插件，但在您的帖子中没有提供任何JavaScript。您是否正在尝试以编程方式（使用DOM事件侦听器）滚动元素？如果是这样的话，请注意Chrome最近才添加了对标准“wheel”事件（）的支持，因此您可能必须使用非标准的“mousewheel”事件。

您提到您已经尝试使用jQuery mousewheel插件，但您的帖子中没有提供任何JavaScript。您是否正在尝试以编程方式（使用DOM事件侦听器）滚动元素？如果是这样，请注意Chrome最近才添加了对标准“wheel”事件（）的支持，因此您可能必须使用非标准的“mousewheel”事件。

如果您要用纯JavaScript处理mousewheel事件，我相信Firefox有一个不同的名字：

DOMMouseScroll

，所以要普遍地捕捉到它，你可以做如下事情：

if (document.addEventListener) {
    document.addEventListener("mousewheel", MouseWheelHandler, false);
    document.addEventListener("DOMMouseScroll", MouseWheelHandler, false);
}
else {
    document.attachEvent("onmousewheel", MouseWheelHandler);
}   

function MouseWheelHandler(e) {

    var e = window.event || e;
    var delta = e.wheelDelta

    if (delta < 0) {
        // Do stuff when wheel is scrolled down
    } else {
        // Do stuff when wheel is scrolled up    
    }
}

if（document.addEventListener）{
文档。添加了文本列表（“鼠标滚轮”，鼠标滚轮处理程序，错误）；
文件。添加的文件列表（“DOMMouseScroll”，MouseWheelHandler，false）；
}
否则{
文件。附件（“onmouseheel”，鼠标轮处理器）；
}   
功能MouseWheelHandler（e）{
var e=window.event | e；
var delta=e.Wheel delta
if（δ<0）{
//当滚轮向下滚动时进行操作
}否则{
//当方向盘向上滚动时进行操作
}
}

如果你说的是用普通JavaScript处理鼠标滚轮事件，我相信Firefox有一个不同的名称：

DOMMouseScroll

所以要想普遍地捕捉到它，你可以做如下操作：

if (document.addEventListener) {
    document.addEventListener("mousewheel", MouseWheelHandler, false);
    document.addEventListener("DOMMouseScroll", MouseWheelHandler, false);
}
else {
    document.attachEvent("onmousewheel", MouseWheelHandler);
}   

function MouseWheelHandler(e) {

    var e = window.event || e;
    var delta = e.wheelDelta

    if (delta < 0) {
        // Do stuff when wheel is scrolled down
    } else {
        // Do stuff when wheel is scrolled up    
    }
}

if（document.addEventListener）{
文档。添加了文本列表（“鼠标滚轮”，鼠标滚轮处理程序，错误）；
文件。添加的文件列表（“DOMMouseScroll”，MouseWheelHandler，false）；
}
否则{
文件。附件（“onmouseheel”，鼠标轮处理器）；
}   
功能MouseWheelHandler（e）{
var e=window.event | e；
var delta=e.Wheel delta
if（δ<0）{
//当滚轮向下滚动时进行操作
}否则{
//当方向盘向上滚动时进行操作
}
}

post code，也许我们可以帮助您创建一个。post code，也许我们可以帮助您创建一个。

if (document.addEventListener) {
    document.addEventListener("mousewheel", MouseWheelHandler, false);
    document.addEventListener("DOMMouseScroll", MouseWheelHandler, false);
}
else {
    document.attachEvent("onmousewheel", MouseWheelHandler);
}   

function MouseWheelHandler(e) {

    var e = window.event || e;
    var delta = e.wheelDelta

    if (delta < 0) {
        // Do stuff when wheel is scrolled down
    } else {
        // Do stuff when wheel is scrolled up    
    }
}