抵消html锚以调整固定标头

Question

抵消html锚以调整固定标头我正在努力清理我的锚的工作方式。我有一个固定在页面顶部的标题，所以当您链接到页面其他地方的锚时，页面会跳转，因此锚点位于页面顶部，将内容保留在固定的标题后面(我希望这是有意义的)。我需要一个方法，以抵消25 px的锚从高度的标题。我更喜欢HTML或CSS，但Javascript也是可以接受的。

Answer 1

您可以使用CSS而不使用任何javascript。

给你的锚上课：

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

然后，您可以将锚定位为高于或低于实际出现在页面上的偏移量，方法是使其成为块元素并进行相对定位。-250 PX将把锚定位在250 PX上

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