Javascript 如何仅在滚动到元素时将Animate.css效果应用于该元素？

我使用animate.css库在我的网站上应用动画效果。但问题是，一旦加载页面，就会应用效果。当我滚动到元素时，效果已经应用。

---

如何设置仅当滚动时元素出现时才应用的效果？

您可以使用Waypoints–一个javascript库，允许您在滚动到元素时执行函数

jQuery中的基本航路点函数如下所示：

$("#element-to-animate").waypoint(function() {
    // animation code
  }
}, { offset: '100%'});

“偏移”值确定在什么点触发动画。

---

是设置和使用航路点的指南。

您可以使用航路点–一个javascript库，允许您在滚动到元素时执行函数

jQuery中的基本航路点函数如下所示：

$("#element-to-animate").waypoint(function() {
    // animation code
  }
}, { offset: '100%'});

“偏移”值确定在什么点触发动画。

---

是设置和使用航路点的指南。

您需要添加

wow.js

并应用它。当您向下滚动到底部时，这将起作用。 要使用它，请在head中添加wow.js，并在动画元素中添加

wow

类

<div class="FadeIn wow">
  ------
</div>

------

---

。并阅读完整的文档

您需要添加

wow.js

并应用它。当您向下滚动到底部时，这将起作用。 要使用它，请在head中添加wow.js，并在动画元素中添加

wow

类

<div class="FadeIn wow">
  ------
</div>

------

。并阅读完整的文档