我正在寻找一种方法将
CSS3过渡链接到滚动事件.我正在寻找与
http://nizoapp.com/类似的功能,当你到达页面上的某个滚动点时,某些元素会移动.我知道你必须用jQuery调用scroll事件(使用offset和scroll),但我很好奇是否有一种方法可以将CSS3用于动画部分,或者如果需要在jQuery中完成.无论哪种方式,我都希望得到一些关于如何让这个开始工作的帮助.谢谢您的帮助.
解决方法
一个好的起点可能是
the jQuery Waypoints plugin.它可以让您在滚动到元素时轻松执行函数,还可以根据当前视图中的内容应用类.然后,您可以使用它们来触发您所追求的CSS动画.
更新 – 我刚刚遇到了the Scrollorama jQuery插件.作者确实说它没有经过彻底的测试,但是它的设计恰好是你所追求的,并且看起来确实是一个很好的起点.