css - animate.css 在页面加载时进行动画处理

Question

我正在为我的网站使用 animate.css，我使用了引导轮播 slider ，它在谷歌上搜索并放置在我的网站中。它工作正常但之后我的 animate.css 无法正常工作意味着页面加载时 HTML 页面中的所有动画元素都在动画。 例如:我在页面下方使用 fadeInRight 动画类，但是当我要向下翻页以及在该特定元素处刷新页面时它无法正常工作。请解决这个问题

please check the site

Answer 1

如果你想滚动时显示动画，这就是你要找的:

http://mynameismatthieu.com/WOW/

CSS 动画不能根据滚动位置延迟。因此，首先，您需要下载 wow.min.js 文件并将其包含到您的页面中，如下所示:

<script src="js/wow.min.js"></script>

<script>
    new WOW().init();
</script>

然后通过在 animate.css 中添加类 'wow' 后跟动画名称，将动画添加到您的 html 元素:

 <section class="wow slideInLeft">
 </section>

有关延迟时间等更多高级选项，请参阅:http://mynameismatthieu.com/WOW/docs.html