我需要像这样堆叠几个粘性头部元素:
https://webthemez.com/demo/sticky-multi-header-scroll/index.html
有关此问题的解决方案在此处的stackover中有提供。但是在我的情况下,我的粘性标题具有动态高度。因此,无法为粘性标题硬编码顶部位置。我的代码如下:
HTML
在这种情况下,是否可能设置堆叠粘性标头?最好使用纯CSS解决方案。
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解决方案。