problema de jousy mouseleave ao se mover muito devagar
Estou usando os eventos mouseenter e mouseleave do jQuery para deslizar uma div para baixo e para cima.
Tudo funciona bem, exceto a ratoeira, que não parece disparar APENAS se o mouse sair da div bem devagar. Se eu mover o mouse a uma velocidade relativamente normal ou rápida, ele funcionará conforme o esperado.
Alguém pode explicar isso ou fornecer informações sobre como contornar isso?
Código:
$(document).ready(function() {
$('header').mouseenter(function() {
$(this).stop().animate({'top' : '25px'}, 500, function() {
$(this).delay(600).animate({'top' : '-50px'}, 500);
});
}).mouseleave(function(e) {
var position = $(this).position();
if (e.pageY > position.top + $(this).height()) {
$(this).stop().delay(600).animate({'top' : '-75px'}, 500) ;
}
});
});