如何从尾风CSS中的顶部显示粘性和z指数部分？

Question

我想用棍棒和z索引组合实现滚动效果。 （我正在使用tailwind）

当前代码的行为相似，但是第二部分并不能保持底部（不是从顶部元素开始）

我想要实现的是 - 一旦您滚动了屏幕的第一部分顶部，下一节开始从顶部元素移动（在这种情况下“设计协作不应该是额外的作品”文本标题）

这是我如何构造它的代码的片段。

            <div className="bg-blue rounded-b-3xl">
                <div className="sticky bottom-0 z-10">
                    <FirstSection />
                </div>
                <div className="sticky bottom-0 z-[9]">
                    <SecondSection />
                </div>
            </div>

第一部分和第二部分被完全覆盖，因此当我完成滚动第一个部分时，屏幕已经位于第二部分的中间元素（因此我什至看不到第二部分的第一个元素）。

最简单的方法是什么？