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

标签 jquery animation css scroll

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

最佳答案

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

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

关于jquery - 使用滚动事件链接 CSS3 动画/变换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8168955/

相关文章:

jquery - 给元素线性渐变的度数添加动画

javascript - 在 IE 中,lightbox 不显示是否发出同步 ajax 请求

javascript - 访问包含从右到左文本的元素时出现奇怪问题

java - 动画和 SwingUtilities.invokeLater

javascript - 在窗口调整大小事件开始时暂停 Greensock 动画,在调整大小事件结束时恢复动画

javascript - 在包含 Flash 的 iFrame 上显示 DIV

javascript - 未知的 AngularJS 错误(我是初学者)

CSS 动画 : span rotating

python - 没有模型和数据库的Django元素

html - 我怎样才能简单地使用文章标签?我正在重复使用相同的 10 行代码,唯一的区别是标签颜色