Olá! Tenho o seguinte código que por algum motivo funciona perfeitamente no Chrome, mas não no Firefox. Alguém poderia me ajudar a decifrar o porquê? Tendo em vista que ele já foi trabalhado para tentar se adaptar ao Firefox. Ainda sem sucesso.
<script>
var scrollVal = 0;
var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel";
$(document).bind(mousewheelevt, function(e) {
var offset = -1 * e.originalEvent.wheelDelta;
if (mousewheelevt == "DOMMouseScroll"){
offset = e.originalEvent.layerY - e.originalEvent.clientY;
}
scrollVal += offset;
if (scrollVal < 0) scrollVal = 0;
console.log(scrollVal);
if (scrollVal == 0) {
$('#projetos').addClass( "bottom");
}else {
$('#projetos').removeClass("bottom");
}
});
</script>
if (scrollVal == 0) {
paraif (scrollVal > 1000) {
, depois de rolados 1000px, ele faz o que deveria fazer. Me parece que no firefox, oscrollVal
só aumenta, enquanto no Chrome ele sobe e desce, como deveria.var offset = -1 * e.originalEvent.wheelDelta;
tente usardetail
no lugar dowheelDelta
. Tem uma diferença no jeito que os navegadores pegam esses valores.scrollVal
, consequentemente não funcionou.