中间标题固定

Question

我有三个不同的标题。

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

    <div class="row red">
      <h2>
        header one
      </h2>
    </div>
    <div class="row blue">
      <h2>
        header two
      </h2>
    </div>
    <div class="row red">
      <h2>
        header three
      </h2>
    </div>

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

Answer 1

对于类似的项目，我使用了 Bootstrap 类"navbar-fixed-top"，然后在第 2 和第 3 个标题中添加填充顶部，这样它们就不会重叠。