JavaScript偏移html锚以调整为固定标头

我正在尝试清理锚点的工作方式。我有一个固定在页面顶部的标题，因此当您链接到页面其他位置的锚点时，页面会跳转，因此该锚点位于页面顶部，而将内容保留在固定的标题后面（我希望这就说得通了）。我需要一种将锚点从标头高度偏移25像素的方法。我更喜欢HTML或CSS，但是Javascript也可以接受。

你可以不用任何javascript来使用CSS。

<a class="anchor" id="top"></a>

然后，可以通过将锚定为一个块元素并将其相对定位，将锚定的位置比页面上实际显示的位置高或低。-250px将锚定位置上移250px

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}