Jak sprawić, aby animacje uruchamiały się za każdym razem, gdy element jest widoczny na ekranie?

Jak sprawić, aby animacje uruchamiały się za każdym razem, gdy element jest widoczny na ekranie?

Wątek przeniesiony 2024-09-12 17:38 z JavaScript przez Riddle.

DA
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 3
1

Mam skrypt na końcu strony.

Animacje mi się wyświetlają 1 raz,chodzi oto żeby wyświetlały mi się zawsze gdy są na widoku przesuwając suwakiem w górę i w dół

Kopiuj
<script>
$(document).ready(function(){
  $('*[data-animate]').addClass('hide').each(function(){
    $(this).viewportChecker({
      classToAdd: 'show animated ' + $(this).data('animate'),
      classToRemowe: 'hide',
      offset: '30%'
    });
  });
});
</script>
RJ
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 480
0

IntersectionObserver FTW

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.