html - 重新创建此滚动页面效果

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它将工作得很好。