问如何抵消一个html锚点以调整固定标题？
EN

Stack Overflow用户

提问于 2018-03-06 01:52:21

回答 2查看 0关注 0票数 0

我正在努力清理锚杆的工作方式。我有一个固定在页面顶部的标题，所以当你链接到页面其他地方的一个锚点时，页面跳转，所以锚点位于页面的顶部，将内容留在固定标题后面（我希望这就说得通了）。我需要一种方法将标题的高度偏移25px。我更喜欢HTML或CSS，但Javascript也可以接受。

发布于 2018-03-06 10:44:11

你可以在没有任何JavaScript的情况下使用CSS：

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

然后，可以通过将锚点放置在比它实际出现在页面上的位置更高或更低的位置，使其成为块元素并将其定位。-250px将定位锚点250px

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

票数 0

发布于 2018-03-06 11:44:55

我找到了这个解决方案：

<a name="myanchor">
    <h1 style="padding-top: 40px; margin-top: -40px;">My anchor</h1>
</a>

这不会在内容上造成任何空白，锚链接非常好用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/-100004202

复制

相似问题

问如何抵消一个html锚点以调整固定标题？EN