Question

使用animate.css库在我的网站上应用动画效果。但问题是只要加载页面就会应用效果。当我滚动到元素效果已经应用。如何设置仅在滚动时元素出现时才应用的效果？

Answer 1

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

jQuery中的基本Waypoint函数如下所示：

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

'offset'值确定触发动画的位置。 Here是设置和使用航点的指南。