javascript - 使用 Owl Carousel 和 Wow.js

Question

Owl Carousel :http://www.owlcarousel.owlgraphic.com/Wow.js:http://mynameismatthieu.com/WOW/

我正在使用 Owl Carousel 和 Wow.js

我正在尝试创建一个幻灯片，其中每张幻灯片的内容在幻灯片处于事件状态时都会显示动画。目前，即使包含在其中的幻灯片位于屏幕外，所有内容都会出现动画。 Wow.js 似乎只能识别幻灯片本身是否可见并激活所有动画

有没有办法可以更改它，以便仅当内容包含的幻灯片在屏幕上可见时才会出现动画？

Answer 1

mwdigian是对的 我有同样的问题 我接下来做了:

<script> 
   var $owl = $('.test-carousel'); 
   $owl.owlCarousel(); 

   //here we need hide because method show() doesn't work with css visible
   $( ".active .item h2" ).hide();

   //all other is the same
   $owl.on('translated.owl.carousel',
      function( event ) { 
      $( ".active .item h2" ).addClass( "animated bounceInDown" ); 
      $(".active .item h2").show(); });
   </script>