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

时间:2012-09-27 21:12:20

标签: html css hyperlink anchor css-position

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

Example

2 个答案:

答案 0 :(得分:0)

可悲的是,你不能通过html做到这一点,你需要一些JS,甚至CSS,具体取决于你的代码。 你可以在jsfiddle.net上发布样本吗?

答案 1 :(得分:0)

作为一种解决方法,在它下面添加另一个(隐藏)元素,只需链接到那个元素:

<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>

<小时/> 我唯一的问题是,如果你的标题栏阻止你的文字“页面跳转”,你不希望页面链接到更高而不是目标吗?

<小时/> 鉴于你的问题含糊不清,我不认为你的例子显示你的问题是什么,这个应该做你想做的事情(我认为)。

:)