我有这样的布局:http: //jsfiddle.net/MTWu5/
居中页面,带有粘性标题。在标题内有指向页面中锚点的菜单链接。我的问题是当我点击它们时,我希望锚点在标题下方滚动,而不是在它后面。
我怎么能这样做?
我有这样的布局:http: //jsfiddle.net/MTWu5/
居中页面,带有粘性标题。在标题内有指向页面中锚点的菜单链接。我的问题是当我点击它们时,我希望锚点在标题下方滚动,而不是在它后面。
我怎么能这样做?
首先,我会这样写锚。
<a name="anchor" id="anchor"></a>
如果你不使用 a 元素的关闭标签,则无法应用任何位置样式而不会错过所有内容。
然后我就应用了那种风格
#anchor{position:absolute;margin-top:-100px;}
它似乎有效。您的布局被保留,没有边距。该解决方案仅在您使用固定高度时才有效。页边距顶部是标题的高度。
希望这就是你要找的。
链接到示例jsfiddle
你的问题是固定的“路径是:http: //jsfiddle.net/MTWu5/2/