在滚动条上创建视差幻灯片效果

我正在尝试创建像视差一样的效果。我有10个背景图像和8个前景图像。这是一个小玩笑，以显示到目前为止我的想法：

小提琴

红色方块代表前景图像。

现在，我需要以某种方式对前景图像进行动画处理，就像它们在滚动时从底部滑入，并从顶部屏幕移出一样，这样来回移动，就像雨水落下了（和：:），因此前景图像的移动速度比背景图片。

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