Código Javascript não funciona no Firefox nem no IE
Olá, o código abaixo anima uma div na minha página, está funcionando normalmente no Chrome, porém por algum motivo no Firefox e no IE nada acontece.
var hide = false;
$(document).scroll(function(){
if(document.body.scrollTop > 100 && !hide){
$("#header").animate({"margin-top":"0px",height:"50px",border:"0px",'background-color':'transparent'});
$("#logo").animate({color:'#FFFFFF',top:'10px'});
$("#header-container").animate({'background-color':'#242829',opacity:'0.9'});
hide = true;
}
else if(document.body.scrollTop < 100 && hide){
$("#header").animate({"margin-top":"50px",height:"80px",'background-color':'#FFFFFF',border:"1px"});
$("#logo").animate({color:'#444444',top:'25px'});
$("#header-container").animate({'background-color':'transparent',opacity:'1'});
hide = false;
}
});
Alguém faz ideia do motivo?
Estou usando o jQuery 1.10.2, jQuery UI 1.10.4, Firefox 31.0 (acho que é a mais nova).
Complementando, olhei no debug do firefox nenhum erro aparece, apenas a mensagem de alerta "O método getPreventDefault() não deve mais ser usado. No lugar, use defaultPrevented." (nem sei se tem a ver com o meu código).
Discussão (4)
Carregando comentários...