向下滚动Angular时将元素动画到页面中答案

【问题标题】：Animate elements into the page when scrolling down Angular向下滚动Angular时将元素动画到页面中
【发布时间】：2014-11-19 01:22:12
【问题描述】：

我们使用 Angular.js 和 Bootstrap，项目中没有 jQuery。

我想在上下滚动时使用 animate.css 淡入屏幕上的元素。

我找到了以下示例，该示例准确地展示了我需要实现的目标：

我如何使用 Angular 和 animate.css 做到这一点，是否有任何关于此的教程或任何帮助会很棒。

谢谢

【问题讨论】：

【解决方案1】：

动画本身可以只用 animate.css 来完成。但是，如果您希望它在向下滚动时触发，您将需要 javascript 或 jQuery 让浏览器知道何时触发事件。

用于此目的的一个非常简单的库是 jquery-waypoint。当您到达浏览器中的某个点时，它只是为您提供一个 jquery 钩子。您可以使用该挂钩来启动动画。 http://imakewebthings.com/jquery-waypoints/

该网站上有几个示例和一些很好的文档。如果您不想为此专门使用库，那么有一些不错的教程可以在没有插件的情况下完成。

【讨论】：

【解决方案2】：

我相信你看到的是 WOW js，一个旨在在你滚动到元素时立即触发动画的库，它是 Jquery 和非 Jquery 版本，它与Animate CSS 配合得很好，如果你需要它可以延迟触发对于元素

更多信息和下载： WOW JS WebSite

【讨论】：