mousewheel.scroll 在 Firefox 中不工作

Question

我正在使用 fullPage.js 处理单页幻灯片。

这是我的演示：

http://codepen.io/r0ysy0301/pen/rWKxQB

我在使用向上或向下滚动时创建了一个事件；按钮 next 将改变位置。

接下来，我继续创建一个变量并分配 active class 是要检查的标志。如果 active，请更改 CSS 按钮的位置 next。

但似乎它只适用于 Chrome，我在 Firefox 上测试并没有发生任何事情。

我认为事件 mousewheel 有问题，因为我也用事件 keyup 进行了测试，但它运行良好。

Answer 1

Firefox 无法识别 "mousewheel"。以下是锻炼。

在侦听器中使用这两个事件

$(window).on("mousewheel DOMMouseScroll", function(e){
    e.preventDefault();
});

或单独解决 firefox。

var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel" //FF doesn't recognize mousewheel as of FF3.x

if (document.attachEvent) //if IE (and Opera depending on user setting)
    document.attachEvent("on"+mousewheelevt, function(e){alert('Mouse wheel movement detected!')})
else if (document.addEventListener) //WC3 browsers
    document.addEventListener(mousewheelevt, function(e){alert('Mouse wheel movement detected!')}, false)

Original source

mousewheel.scroll 在 Firefox 中不工作

mousewheel.scroll not working in Firefox

html

javascript

css

jquery

fullpage.js

在侦听器中使用这两个事件

或单独解决 firefox。