html - 指向 anchor 的链接不会跳到页面顶部

Question

我有这样的布局:http://jsfiddle.net/MTWu5/

居中页面，带有粘性标题。在页眉内有指向页面中 anchor 的菜单链接。我的问题是当我点击它们时，我希望 anchor 在标题下方滚动，而不是在标题后面滚动。

我怎么能这样做？？

Answer 1

首先，我会这样写 anchor 。

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

如果您不为 a 元素使用关闭标记，则无法应用任何位置样式而不会错过所有内容。

然后我就应用了那个样式

#anchor{position:absolute;margin-top:-100px;}

这似乎有效。您的布局被保留，没有边距。该解决方案仅在您使用固定高度时才有效。顶部边距是页眉的高度。

希望这就是您要找的。

示例链接 jsfiddle