如何使用固定位置导航控制锚点显示位置

【问题标题】：How to control anchor display position with a fixed position nav如何使用固定位置导航控制锚点显示位置
【发布时间】：2014-05-08 21:59:14
【问题描述】：

我正在制作一个单页可滚动网站，并将链接设置为页面上的锚点。一切正常，除了锚点将默认显示在页面顶部并且被固定的导航栏（73px 高度）覆盖。有没有办法将显示位置设置为从顶部向下 73px？所有元素都已经有了它们的位置、填充、边距等：-/

非常感谢您的帮助！

朱莉安娜。

【问题讨论】：

【解决方案1】：

Demo Fiddle

将scroll-to-top 锚点的href 更改为，例如#this_is_the_top

然后在你的 HTML 之前添加：

<a id='this_is_the_top'>top</a>

_{注意。您不必专门添加a，任何带有id 的元素都可以使用。}

并添加 CSS

#this_is_the_top{
    position:absolute;
    top:73px;
}

目前，您只是将滚动位置定位到页面的顶部，因为您的 href 只是“#”，您想要定位一个从顶部偏移的特定元素（使用位置和顶部） .

【讨论】：