Question

我正在使用animate.css向我的网站添加一些简单的动画。我希望一些信息在遇到航点时淡入，但似乎航点功能根本不起作用。

的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

它使用了这个。无法让fadeIn工作，但我可能会用CSS代替。（我认为它是转型还是转型）。请注意，我将动画类名称从点更改为“ - ”。我认为这些点混淆了JS。

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

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