mousewheel.scroll не работает в Firefox

Question

Я работаю с одностраничным слайдом, используя fullPage.js.

Вот мой демо:

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

создать событие при использовании прокрутки вверх или вниз; кнопка next изменит положение.

Далее я продолжаю создавать переменную и назначать класс active - это флаг для проверки. Если это 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