滚动更改背景图像的代码几次创建动画

Question

我正在查看this site并注意到当用户滚动时背景图像如何移动和动画。在检查源代码时，它表明这是通过在用户滚动时改变背景图像来实现的。从本质上讲，它会跳过许多图像帧，从而产生动画效果。

实现这一目标的最快捷，最简单的方法是什么？我正在使用ScrollMagic库，如果这样可以更容易。

Answer 1

最快，最简单的方法是在元素上侦听滚动事件，然后通过CSS将背景URL更改为您要显示的文件。您可能需要将纯滚动值转换为百分比（以适应不同的屏幕尺寸），并且您需要一组映射到这些百分比的图像。