我想创建像示例中那样占据整个屏幕的这些屏幕。但是，我不想使用背景图像来保持内容位置，而是想在这些屏幕中使用任何 HTML 内容。我还想最终添加一个类似于this的视差效果。
所以让我们分解一下。我在这些屏幕元素上获得了这些背景图像。背景是固定的，因此当您滚动时它会保持在相同的位置。当您向下滚动时，该元素移出视图，而另一个元素进入视图。它提供了这种效果，就好像滚动导致封面向上滑动并显示另一个屏幕一样。我只想在不使用背景图像的情况下保持这种效果。所以我需要一些方法来保持一些内容是固定的，并且当它溢出一个不固定的元素时有一个包含隐藏它。但是，据我所知，仅靠 CSS 是无法做到这一点的，我错了吗？
就像我上面所说的，让内容不完全保持固定会很有趣，而是在滚动时稍微移动它，让它产生轻微的视差效果。为了做到这一点，我需要使用 JavaScript。但是，这有点超出了我的问题范围，但我想在提出解决方案时牢记这一点。
提前感谢所有帮助！