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

Question

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

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

非常感谢您的帮助!

朱莉安娜。

Answer 1

Demo Fiddle

更改 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 只是“#”，您想要定位到从顶部偏移的特定元素(使用位置和顶部) .