Html 滚动内容和慢速背景滚动

我正在寻找滚动页面效果，我在这里找到了：

我真的很喜欢图像向下滚动的效果，然后是内容（白色背景），但我不想使用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>

内容（例如：关于我们）

不幸的是，如果没有一点Javascript，您真的无法实现这种类型的滚动（称为视差）。然而，互联网上的其他人已经编写了插件，允许您更轻松地实现视差滚动。您仍然需要使用少量的JS来完成这项工作，但远远少于自己编写方法

我建议：（我与此没有个人联系，只是以前见过并喜欢它！），它很容易实现

---

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

它被称为

视差滚动

，没有Javascript是无法完成的。你会发现很多教程。如果它有一点JS，我不介意，但是如果它太复杂，我可能会浪费很多时间来实现它