中间标题固定

Question

我有三个不同的标题。

我希望在向下滚动时修复中间标题。 但是，如果我将中间标题更改为固定。我把头一个搞砸了，头两个。

<div class="filters">
    <ax-checkbox label="Où :" subLabel="Ville" size="small"></ax-checkbox>
    <div class="separator"></div>
    <ax-checkbox label="Quoi :" subLabel="Thématique(s)" size="small"></ax-checkbox>
    <div class="separator"></div>
    <ax-checkbox label="Quand :" subLabel="Dans..." size="small"></ax-checkbox>
</div>

小提琴 https://jsfiddle.net/n01k9wtt/

Answer 1

对于类似的项目，我使用了Bootstrap类＆＃34; navbar-fixed-top＆＃34;然后在第2和第3个标题处添加填充顶部，以便它们不会重叠。