小编典典

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

spring

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


阅读 538

收藏
2020-04-25

共1个答案

小编典典

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

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

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

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