jQuery yol noktası çalışmıyor

Question

Web siteme basit animasyonlar eklemek için animate.css kullanıyorum. Bir yol noktasına geldiğinde bazı bilgilerin kaybolması istiyorum, ancak yol noktası işlevinin hiç çalışmadığı görülüyor.

jQuery

$('.events-wp').waypoint(function(direction) { 
     $('.events-wp').addClass('animated fadeIn'); 
    }); 

CSS

.events-wp { 
    opacity: 0; 
} 
.events-wp.animated { 
    opacity: 1; 
} 

HTML

<div class="panel-group events-wp" id="accordion"> 

Answer 1

Bu kullanarak çalıştı. FadeIn işe yaramadı, ama kısmen bunun yerine CSS'de yapacağım. (bence dönüşüm veya geçiş düşünüyorum). Animasyonlu sınıf adını bir noktadan "-" olarak değiştirdiğimi unutmayın. Bence noktalar JS'yi karıştırdı.

var $events = $('.events-wp'); 

$events.waypoint(function(direction) { 
    $events.addClass('events-wp-animated'); 
}); 

bu görüntü oldukça iyidir https://www.youtube.com/watch?v=5hPVpVtgle4