锚定不到页面顶部,但200px向下

Question

我在一个元素上有一个锚点,使导航跳转到那一点.然而,锚点将其捕捉到视口的顶部.由于固定导航,它现在隐藏在后面.

是否可以使锚点不会捕捉到视口的顶部而是向下移动200px？

网站:http://www.haselden.co.uk/james/docs

Answer 1

我能够通过实际将CSS应用于锚来解决这个问题.所以对于锚,我会有这个......

<a name="AnchorName" class="anchor"></a>

然后在CSS我会有这个......

.anchor {
   position: relative;
   top: -[number]px;
}

请注意,我注意到锚在不同浏览器中移动的距离有些不准确.因此,可能无法使事情完美地对齐.如果你希望它完美定位,你可能需要一些花哨的jquery或者其他东西.

Answer 2

对此有肮脏的解决方案,但确实有效,感谢@SteveJenkins提出这个问题,尽管我添加了一个调整.

<a name="AnchorName" class="anchor">anchor text [invisible]</a>

.anchor {
   position: relative;
   top: -[number]px;
   visibility:hidden;
}