html - 从 Markdown 生成的 HTML 中的 Shift anchor 标记，作者:Jekyll

Question

我正在处理的网站在顶部有一个固定的导航栏。这弄乱了 anchor 标签的定位。我知道 standard solution解决这个问题，但我不确定如何在这里应用它。

Markdown 来源:

Go to [closing notes](#closing-notes).

### Closing Notes

Jekyll 生成的 HTML:

<p>Go to <a href="#closing-notes">closing notes</a>.</p>

<h3 id="closing-notes">Closing Notes</h3>

非常感谢任何想法。

Answer 1

刚刚发现 this post 中概述的方法 D在我的情况下工作正常，因为我不需要 border-top 或 margin-top:

h3 {
    border-top: 50px solid transparent;
    margin-top: -50px;
}