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

Question

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

Answer 1

我假设您指的是菜肴的背景。

效果有两个组成部分：

a) CSS 属性background-attachment: fixed;。这可以防止背景图像与 div 一起滚动。（这不依赖于 JavaScript）

background-positionb) 通过在滚动时略微改变来移动背景的 JavaScript 。

Answer 2

这是做一些非常相似的插件：https ://github.com/IanLunn/jQuery-Parallax

您可以在 Google 上搜索 parallax effet 以获取更多示例/脚本

希望这有帮助！