如何设计像固定背景一样具有滚动效果的HTML内容？

我想创建这些占据整个屏幕的屏幕，如示例中所示。但是，我不想使用背景图像来保持内容的位置，而是希望在这些屏幕中使用任何HTML内容。我也希望最终能有一个类似的视差效果

让我们把它分解一下。我在这些屏幕元素上得到了这些背景图像。背景是固定的，因此滚动时背景保持在相同的位置。向下滚动时，该元素移出视图，另一个元素进入视图。它会产生这种效果，就好像滚动会导致一个封面向上滑动并显示另一个屏幕一样。我只想在不使用背景图像的情况下保持这种效果。因此，我需要某种方法使某些内容保持固定，并在其溢出未固定的元素时使包含隐藏它。但是，据我所知，单靠CSS是无法做到这一点的，我错了吗

就像我上面所说的，让内容不保持完全固定，而是在滚动时稍微移动它，给它一个轻微的视差效果，这会很有趣。为了做到这一点，我需要使用JavaScript。但是，这有点超出了我的问题范围，但我想在提出解决方案时记住这一点

---

提前谢谢大家的帮助

JSBin的确切效果仅用CSS是不可能的；更不用说一个“轻微”的滚动了，所以你从一开始就需要Javascript。那么我该如何使用Javascript呢？