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

【问题标题】：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;">

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

【讨论】：