【发布时间】：2019-05-29 08:42:11
【问题描述】：
我需要堆叠一些像这样的粘性标题元素： https://webthemez.com/demo/sticky-multi-header-scroll/index.html
在here 的stackover 中有此问题的解决方案。但就我而言，我的粘性标题具有动态高度。因此不可能硬编码棒头的顶部位置。我的代码如下：
html
<div class="sticky-header1">
Header 1 with dynamic height
</div>
<div>
Header 1 content
</div>
<div class="sticky-header2">
Header 2 with dynamic height
</div>
<div>
Header 2 content
</div>
css
.sticky-header1,
.sticky-header2
{
position: sticky;
}
在这种情况下是否可以设置堆叠的粘性标题？首选纯 CSS 解决方案。
【问题讨论】：
-
也许您可以添加一些代码并向我们展示您遇到的问题。
-
检查这个解决方案：stackoverflow.com/a/55941740/8620333