html - 滚动内容和缓慢的背景滚动

Question

我正在寻找滚动页面效果，我在这里找到了它:http://alterego.ae/

我真的很喜欢那个图像比内容(白色背景)慢的向下滚动效果，但我不想使用 javascript(我什至不知道如何!)来做到这一点。

我想要同样的效果，但不使用 javascript 来做到这一点。

我如何实现？

HTML

    <div style="background-image: url(../img/bg1.png); position: 50% 10px>
    <div class="container">content (example: about us)</div>
</div>



    <div style="background-image: url(../img/bg1.png); position: 50% 10px>
    <div class="container">content (example: about us)</div>
</div>

Answer 1

不幸的是，如果没有一点 Javascript，您真的无法实现这种类型的滚动(称为视差)。不过网上也有人好心写了插件，让你实现视差滚动更轻松。您仍然需要使用少量 JS 来完成这项工作，但比您自己编写方法要少得多。

我建议:https://github.com/Prinzhorn/skrollr (本人与此无私交，只是看过，喜欢!)，实现起来很简单。

很抱歉，这可能不是您要找的答案，但视差滚动需要 Javascript。