Interromper Scroll JQUERY
Boa noite,
Estou tentando fazer uma animação no header de uma página da seguinte forma:
inicia com height 300px
ao rolar a pagina para baixo anima e reduz para height 50 px
ao subir novamente anima e aumenta para height 150 px
se subir ao topo novamente volta para o height com 300 px
Ocorre que a primeira animação (scroll down) vai de boa, porém para voltar (scroll up) demora um tempão pois o código provavelmente fica testando o IF para cada pixel do scroll down.
Existe uma maneira de interromper o código assim que a animação ocorrer e só disparar novamente caso o movimento seja no outro sentido?
Acredito que resolvendo esta primeira etapa, consiga fazer a segunda que é ao voltar ao topo, as condições voltam ao original.
$(document).ready(function(){
var pos = 0;
$(window).scroll(function(){
var poscursor = $(this).scrollTop();
if (poscursor > pos) {
$('header').animate({'height':'50px'},1000);}
else {
$('header').animate({'height':'150px'},1000);}
}
pos = poscursor;
});
});Discussão (0)
Carregando comentários...