由Jekyll从Markdown生成的HTML中移动锚标记

Question

我正在工作的网站的顶部有一个固定的导航栏。 这弄乱了定位标记的位置。 我知道此问题的标准解决方案 ，但是我不确定如何在此处应用它。

降价来源：

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

刚发现这篇文章中概述的方法D在我的情况下效果很好，因为我不需要border-top或margin-top ：

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