你如何实现这个“滚动和改变多个背景图片”效果？

我在看这个HTML5网站，http://www.danhigbie.com，发现“背景图像的滚动”令人着迷。我查看了它的Javascript，但发现没有代码改变背景图片。你如何实现这个“滚动和改变多个背景图片”效果？

2011-02-09 p0larBoy

这里还有一个（好，我认为）的例子。 http://www.nikebetterworld.com/index – 2011-02-09 06:05:14

优秀的网站phoffer ...该死的我需要知道如何做到这一背景图像效果..看起来该死的酷 – p0larBoy 2011-02-09 07:05:02

将网页保存到磁盘并使用文件better.js和better.cs进行播放。通过更改css类（better.css中定义的）better.js文件正在完成后台滚动。

2011-02-09 05:31:59 Zabba

我还是不明白。从better.js开始，当达到某个滚动高度时，只会添加'更好'的类和'滚动'类。没有其他课程影响背景变化。第一个bg（棕色墙）如何从底部转换到第二个bg（蓝色天空）？ – p0larBoy 2011-02-10 10:04:47

原来，只需将不同的“部分”的背景位置声明为固定即可完成该效果。发现一个优秀的文章，介绍如何是影响工作：

2011-02-10 10:55:07 p0larBoy

我使用jQuery的一些改变基于滚动位置multiplebgs的背景定位。每个背景图像元素都以百分比从顶部定位，这可能有点难以遵循，因为每个部分的背景图像太多。我获取每个背景元素的垂直位置值并根据当前滚动条位置修改它。希望这可以帮助。

2011-02-15 13:48:18

这里是一个JavaScript库，这是否给你，似乎工作非常好： http://stolksdorf.github.com/Parallaxjs/

2012-04-03 19:14:48 joshcartme

回答