固定和相对部分的不同位置的Css视差

我需要帮助创建一个css视差页面，就像

我希望视差的格式如下：

[固定分区] [滚动div] [滚动div] [固定分区] [滚动div] [滚动div]

---

[固定div]

制作多个固定div，并根据滚动位置显示/隐藏它们。

---

另外，请确保在滚动div之间添加一些空格，固定div应该使用边距top或bottom来显示。

有一个类似的小提琴，但它不起作用，因为当我尝试在两个滚动div之间添加固定div时，由于css中的top:0而不是它所在的位置，它会转到页面的顶部。需要帮助做这是CSS或与JS也链接到我会使JS小提琴。