andreluizG

animação scroll ORIGAMID

Jul 7th, 2021
462
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 0.61 KB | None | 0 0
  1. // Dica: Quebre em pequenas partes, procure códigos semelhantes e teste.
  2.  
  3. // 1 - Distância entre o scroll e o topo
  4. // 2 - Ditância entre o elemento e o topo
  5. // 3 - Verificar essas duas variáveis sempre que o scroll for ativado
  6. // 4 - Se distância entre o elemento e o topo for maior que do scroll, adicionar classe
  7. // 5 - A classe deve mostrar e animar o elemento
  8.  
  9. $(window).scroll(function(){
  10.     var windowTop = $(this).scrollTop();
  11.     $('.anime').each(function(){
  12.         if(windowTop > $(this).offset().top -500){
  13.             $(this).addClass('anime-init');
  14.         }else{
  15.             $(this).removeClass('anime-init');
  16.         }
  17.     });
  18. });
  19.  
  20.  
Add Comment
Please, Sign In to add comment