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