在滚动上创建视差滑动效果[关闭]答案

【问题标题】：Create parallax slide effect on scroll [closed]在滚动上创建视差滑动效果[关闭]
【发布时间】：2014-11-18 23:07:16
【问题描述】：

我正在尝试创建类似视差的效果。我有 10 个背景图像和 8 个前景图像。这是一个小提琴来展示我到目前为止的想法：

红色方块代表前景图像。

现在我需要以某种方式为前景图像设置动画，就好像它们在滚动时从底部滑入，并在顶部滑出屏幕一样，来回移动，就像雨落下来（然后向上 :) 所以前景图像比背景图像移动得更快。

我已经尝试了很多东西，但真的不知道从哪里开始。 Skrollr.js 也是一种选择，但这本身就是要学习的东西，我想为此必须有一个更简单的解决方案。

【问题讨论】：

柔印是一个连阅读都不会的可怜人，只是给了别人点球，这样他才能得到更多的分数。真是个白痴。只要看看 *()## Fiddle，它就在那里。无关？什么？它包括所需的行为。代码都在 Fiddle 中。

【解决方案1】：

我试过this Guide 一次，它成功了。使用 translateZ 规则将 div 移回的次数越多，它移动的速度就越慢。

编辑：网址损坏，更新网址

【讨论】：