避免固定标题的锚标签[重复]

Posted 2023-02-22

【中文标题】避免固定标题的锚标签[重复]

【英文标题】：anchor tags that avoid fixed header [duplicate]

【发布时间】：2015-04-05 18:33:12

【问题描述】：

我有一个 97 像素的固定标题。我还设置了跳转到页面每个部分的锚标记。我的网页设置的方式锚标签通过页面标题跳转到正确的位置隐藏在固定标题后面。

为了让它按照我想要的方式工作，锚标签也需要从它们当前跳转的位置跳转 -97px？

我怎样才能做到这一点？

我的href跳转到标签的例子是：

    <a href="#contact">Contact</a>

    <a id="contact"name="contact"></a>

【问题讨论】：

跳转标签=内部链接

【参考方案1】：

有一个已知的 hack，涉及在锚点上设置边距和填充。

在你的锚 ('jump') 标签上...

<a id="contact" style="padding-top: 80px; margin-top: -80px;">

有关示例，请参见此网站：

http://mapleamonth.com/#how

【讨论】：

试过这个。为什么它不起作用？它不工作？ @itcouldevenbeaboat

@user2333405 祝你好运