指向锚点的链接不会弹到页面顶部

时间:2012-09-07 17:17:32

标签: html css

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

中心页面,带有粘性标题。标题内有菜单链接到页面中的锚点。我的问题是,当我点击它们时,我希望锚点在标题下滚动,而不是在它后面。

我怎么能这样做?

2 个答案:

答案 0 :(得分:1)

首先,我会用这种方式写锚。

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

如果你没有对a元素使用close标记,那么在不遗漏任何内容的情况下不能应用任何位置样式。

然后我就应用了那种风格

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

似乎有效。您的布局保留,没有保证金。该解决方案仅在您使用固定高度时才有效。边距顶部是标题的高度。

希望这就是你要找的东西。

链接到示例jsfiddle

答案 1 :(得分:-1)

你的问题已修复“路径是:http://jsfiddle.net/MTWu5/2/