滚动时沿路径移动背景图像的位置

这是我第一篇贴子，如果它不完美。滚动时沿路径移动背景图像的位置

基本上我想实现的已经出色地利用飞行的红牛艺术电影网站上的相同或类似的效果：即背景图像一起合作的路径移动

http://artofflightmovie.com/

随着用户向下滚动页面而下属。我现在不担心背景动画的内容动画。

我能够做的基本，从移动背景到B的动画，但我stauck上，该怎么办时，我想去从B到C C到d等等等等

我曾尝试使用公开可用：

这样我就可以设置背景位置变化当用户滚动，但我不知道我怎么会再设置下一个动画。我最初的想法是使用其他的，但如果这不成功。

artofflightmovie.com示例设置了一个背景位置px测量数组，然后像时间轴一样读取。

我很满意我想要的CSS，但是我的jQuery知识达不到我可以克服的问题。

我也采取了飞行的艺术页面的来源，并试图创建一个简化的版本来建立，但再次没有太大的好处。

任何帮助，将不胜感激

来源

2012-02-23 toffeejay

你有什么尝试？你为什么卡住了？到目前为止你的代码是什么？质疑问题。 – 2012-02-23 13:23:33

可能的重复[他们是如何在http://artofflightmovie.com/?](http://stackoverflow.com/questions/8923136/how-did-they-do-those-effects-in-http -artofflightmovie-com） – 2012-02-23 13:27:13

你是如何确定它是一张背景图像，而不是一些绝对定位的元素，包括一张非常大的图像？似乎你可以通过一组x，y对来完成这个任务。一旦达到目的地，x，y对将移动到阵列的末端，然后移向下一个。理论上可能比应用简单。 – buck54321 2012-02-28 04:13:59

感谢您的输入家伙。

我居然发现诸如此类的事情，我在这里后：http://joelb.me/scrollpath/使用canvas元素来渲染路径和jQuery控制滚动沿着它

大的jQuery插件。事件/功能也可以在每个方向点触发。

来源

2012-03-01 16:17:00 toffeejay

滚动时沿路径移动背景图像的位置

回答

相关问题