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

在连续的 div 上设置 background-attachment:fixed:

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

jsFiddle

如果您的内容将决定 div 的高度，则可以跳过固定 height 声明。我添加了一个容器 div 来在 jsFiddle 的范围内显示效果；实际上，body 可以正常工作。