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

时间:2014-05-08 13:41:18

标签: html css anchor-scroll

我正在创建一个单页可滚动的网站,我将链接设置为页面上的锚点。一切正常,但默认情况下锚点将显示在页面顶部,并由固定导航栏(73px高度)覆盖。 有没有办法从顶部向下设置显示位置73px?所有元素已经有它们的位置,填充,边距等: - /

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

我真的很感激帮助!

娥。

1 个答案:

答案 0 :(得分:2)

Demo Fiddle

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

然后在HTML中添加:

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

<子> NB。您不必专门添加a,任何id的元素都可以使用。

并添加CSS

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

目前,您只需使用滚动位置定位页面顶部,因为您只需要&#39;#&#39;,您希望定位偏离的特定元素顶部(使用位置和顶部)。