如何激活动画.css滚动后

Question

我正在使用animate.css[https://daneden.github.io/animate.css/]，我已经在我的网页中的一些元素中添加了一些动画。但是有一个问题。动画在向下滚动到该部分之前立即完成并且已经结束。加载该特定元素后，有没有办法添加动画类？

这样，动画仅在用户滚动到该元素时才可见。

Answer 1

有一个小型的js库可以轻松实现。

https://wowjs.uk/

在项目上添加 JS 文件后，在页面上添加此代码;

<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>

然后只需使用wow类，示例。

 <div class="wow bounceInUp">
 Content to Reveal Here
 </div>

Answer 2

我有一个想法，也许可以帮助你您可以通过JavaScript添加Animate Element当页面滚动到位时，js 将此元素添加到网页中（所以，它将开始动画）

Answer 3

是的，您可以使用 Jquery/javascript 在事件发生后将动画类动态添加到您的元素中。如果你把你的代码，我可能会帮助你。编辑：例如，如果要在单击按钮时制作动画，则可以执行以下操作：

$( "#target" ).click(function() {  $('#yourElement').animateCss('bounce'); });`

Answer 4

new WOW（）.init（）;

并调用类类="哇弹跳InUp"