这是我的第一篇文章，如果它不完美的话，我会道歉。
本质上，我试图达到与 Red Bull Art of Flight 电影网站上出色地使用的效果相同或相似的效果：
即背景图像在用户向下滚动页面时沿着坐标路径移动。我现在并不担心内容动画，只是背景动画。
我能够做基本的，将背景从 a 动画移动到 b 动画，但是当我想从 b 到 c、c 到 d 等时，我坚持不知道该怎么做。
我试过使用公开可用的：
$('.bg').scroll(function(){
var x = $(this).scrollTop();
$(this).css('background-position','0% '+parseInt(-x/10)+'px');
});
这允许我在用户滚动时设置背景位置更改，但我不确定如何设置下一个动画。我最初的想法是使用 else if 但这并不成功。
artofflightmovie.com 示例设置了一组背景位置 px 测量值，然后像时间轴一样读取这些测量值。
我对我想要的 CSS 没问题，但是我对 jQuery 的了解还没有达到我可以克服我遇到的问题的水平。
我还获取了“飞行艺术”页面的来源，并尝试创建一个简化版本来构建，但同样无济于事。
任何帮助，将不胜感激