抵消html锚以调整固定标头

Question

抵消html锚以调整固定标头

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

Answer 1

您可以使用CSS而不使用任何javascript。给你的锚上课：<a&nbsp;class="anchor"&nbsp;id="top"></a>然后，您可以将锚定位为高于或低于实际出现在页面上的偏移量，方法是使其成为块元素并进行相对定位。-250 PX将把锚定位在250 PX上a.anchor&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;block; &nbsp;&nbsp;&nbsp;&nbsp;position:&nbsp;relative; &nbsp;&nbsp;&nbsp;&nbsp;top:&nbsp;-250px; &nbsp;&nbsp;&nbsp;&nbsp;visibility:&nbsp;hidden;}