固定顶部菜单栏重叠内联超链接跳转答案

【问题标题】：Fixed Top Menu Bar Overlapping Inline Hyperlink Jump固定顶部菜单栏重叠内联超链接跳转
【发布时间】：2012-09-19 18:05:08
【问题描述】：

我的网站顶部有一个固定的菜单栏。我有一个具有内联链接的页面，方法是向 URL 添加一个哈希标记，使其跳转到该特定元素。问题是它跳转到的元素被这个固定的菜单栏隐藏了。有没有办法将跳跃向下移动一点？这是一个例子：

Example

【问题讨论】：

可以分享一些jsfiddle中的代码吗？

标签： html css hyperlink anchor css-position

【解决方案1】：

遗憾的是，您不能通过 html 做到这一点，您需要一些 JS，甚至 CSS，具体取决于您的代码。您可以在 jsfiddle.net 上发布示例吗？

【讨论】：

【解决方案2】：

作为一种解决方法，在其下方添加另一个（隐藏的）元素并简单地链接到该元素：

<a href="#element1-target">click me</a>

<!-- further down the page is the content -->
<div id="#element1">Here is what users will be reading!</div>
<div id="#element1-target"
      style="visibility:hidden;{make this lower down below the actual text}"></div>

不过，我唯一的问题是，如果您的标题栏阻止了页面“跳转”到的文本，您是否不希望页面链接到 比目标更高？

鉴于您的问题含糊不清，而且我认为您的示例没有说明您的问题是什么，因此应该做您正在尝试做的事情（我认为）。

【讨论】：

这意味着我必须在各处添加隐藏元素。这是一种解决方法，但希望有人发布更好的东西。