重新创建此滚动页面效果

Question

这让我完全感到困惑，我多次试过这个，但我很简单。我相信解决方案很简单，我已经看了一下。

所有帮助表示赞赏。

http://techgnotic.deviantart.com/journal/Earth-Day-The-Inspiration-of-the-Natural-World-297767607?utm_source=elnino&utm_medium=messagecenter&utm_campaign=042212_MKT_EarthDay&utm_term=button

Answer 1

在后续background-attachment: fixed s上设置div：

div {
    background-attachment: fixed;
    background-position: 50% 60%;
    height: 500px;
    width: 100%;
}

jsFiddle

如果您的内容将决定height的高度，则可以跳过固定的div声明。我已经包含了一个容器div来显示jsFiddle范围内的效果;在实践中，body将正常工作。