Javascript 惊人的CSS Div滚动效果，无法解释，提供链接。这是一个网页设计问题，如何获得这样的效果？

下面是我想展示的示例网站的链接。向下滚动页面，查看div是如何相互重叠的，但比这更复杂，因为实际页面也在滚动。有人能帮助回答如何达到这种效果吗？

这里有一个插件做了一些非常类似的事情：

你可以在谷歌上搜索视差效应以获取更多示例/脚本

---

希望这有帮助

这里有一个插件做了一些非常类似的事情：

你可以在谷歌上搜索视差效应以获取更多示例/脚本

---

希望这有帮助

我想你指的是菜肴的背景

该效果有两个组成部分：

a） CSS属性

后台附件：固定。这样可以防止背景图像与div一起滚动。（这不依赖于JavaScript）

b） 一种JavaScript，通过在滚动条上稍微改变
背景位置来移动背景。
我猜您指的是盘子的背景

该效果有两个组成部分：

a） CSS属性
后台附件：固定。这样可以防止背景图像与div一起滚动。（这不依赖于JavaScript）

b） 一种JavaScript，它通过在滚动条上稍微更改
背景位置来移动背景。
如果您使用诸如chrome或firebug之类的web开发工具，您可以看到他们正在更改滚动条上背景图像的位置。实际上，他们使用的是带有css的部分，很可能是用于更改的jQuery实现滚动位置上每个部分的背景位置。您可以看到，他们在Resources>Scripts下有一个java脚本插件。您知道怎么做吗？这是一个繁重的java脚本。在该网站上工作的公司就在这里：如果你使用诸如chrome或firebug之类的web开发工具，你可以看到他们正在更改背景图像在scroll上的位置。实际上，他们正在使用带有css的分区，最有可能的是jQuery实现来更改每个分区在scroll位置上的背景位置。您可以看到，他们在Resources>Scripts下有一个java脚本插件。您知道怎么做吗？这是一个繁重的java脚本。在网站上工作的公司就在这里：他们的菜单的每个部分都有不同的div，它们相互叠放在一起，因此页面的高度很长，但是有一点我不明白，每个div看起来是如何重叠的，当一个div结束时，它开始揭示另一个div的开始以及它自己的背景。每个div有一个图像，页面没有一个长图像
背景附件：fixed
表示bg图片的位置是相对于浏览器的，而不是相对于元素的。想象一下，所有背景图片实际上都在浏览器窗口底部彼此上方。当bg所属的div被滚动到视图中时，它就像一个孔遮罩，可以让您在其位置查看bg。“重叠”实际上是图片造成的幻觉——它们的边缘正在“流血”，也就是说，它们穿过你的大脑插入的感兴趣的对象，给人的印象是，还有更多的东西，但你看不见。它们在菜单的每一部分都有不同的div，并且它们彼此堆叠在一起，因此给出了页面的长高度，但是有一点我不明白，每个div看起来是如何重叠的，当一个div到达末尾时，它开始显示另一个div的开始以及它自己的背景。每个div有一个图像，页面没有一个长图像
背景附件：fixed
表示bg图片的位置是相对于浏览器的，而不是相对于元素的。想象一下，所有背景图片实际上都在浏览器窗口底部彼此上方。当bg所属的div被滚动到视图中时，它就像一个孔遮罩，可以让您在其位置查看bg。“重叠”实际上是由图片产生的幻觉——它们的边缘正在“流血”，即它们穿过感兴趣的物体，你的大脑插入其中，给人的印象是那里有更多的东西，但你看不见。