关于这个问题已经有几个问题，但我还没有找到一个好的解决方案。
我正在尝试创建一个长的滚动页面，其中标题（也是导航）是粘性的，当达到视口的顶部时，它们彼此叠加。
我会尝试展示它。 -----用于视口边界。
初始状态：
---------------
A
---------------
向下滚动：
---------------
A
B
---------------
堆叠起来：
---------------
A
B
---------------
理想情况下，当视口已满时，放弃堆叠：
---------------
D
E
F
---------------
这将是引导网格的左列。在右侧，滚动了相关内容。
我想避免的是指定像素距离（从视口顶部）到每个堆叠项目，它应该是可调整大小和流畅的。
有简单的解决方案吗？这可行吗？ 如果你认为它没有任何意义，也请发帖。