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

Question

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

这是网站http://www.drawlight.net/wordpress/?page_id=1784

我真的很感激帮助！

朱莉安娜。

Answer 1

演示小提琴

href将scroll-to-top锚点更改为，例如#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 只是“#”，您希望定位到从顶部偏移的特定元素（使用位置和顶部）。