jquery - 使用滚动事件链接 CSS3 动画/变换

Question

我正在寻找一种将 CSS3 过渡链接到滚动事件的方法。我正在寻找与 http://nizoapp.com/ 类似的功能，当您到达页面上的某个滚动点时，某些元素会移动。我知道您必须使用 jQuery(使用偏移和滚动)调用滚动事件，但我很好奇是否有一种方法可以将 CSS3 用于动画部分，或者是否需要在 jQuery 中完成。无论哪种方式，我都希望获得有关如何快速开始使它起作用的帮助。感谢您的帮助。

Answer 1

一个好的起点可以是 the jQuery Waypoints plugin .它可以让您在滚动到某个元素时轻松执行某个功能，并且还可以根据当前 View 应用类。然后，您可以使用它们来触发您想要的 CSS 动画。

更新 - 我刚刚遇到 the Scrollorama jQuery 插件。作者确实声明它没有经过彻底测试，但它的设计正是为了满足您的需求，而且看起来绝对是一个很好的起点。