Css 使用可滚动div剪辑固定/绝对元素

我试图有几个重叠的div，然后通过滚动有选择地显示出来。这已经可以通过使用

背景附件：fixed

的图像来实现，但我正在寻找一种可以处理任何子元素的解决方案

图像所需效果的工作示例：

.main{
位置：相对位置；
高度：100vh；
溢出y：滚动；
}
.滚动块{
高度：100vh；
宽度：100vw；
溢出：隐藏；
背景尺寸：封面；
背景附件：固定；
背景位置：中心；
}

---

剪辑路径

可以帮助您：

正文{
位置：相对位置；
高度：100vh；
保证金：0；
溢出y：滚动；
}
.滚动块{
高度：100vh；
剪辑路径：插入（0）；
}
.滚动块>*{
位置：固定；
排名：0；
左：0；
右：0；
底部：0；
文本对齐：居中；
填充：20px；
}

标题1
标题2
标题2

我不知道

剪辑路径

如果定位在相对元素上会起作用；非常感谢。