css - anchor 不在页面顶部，而是向下 200 像素

Question

我在一个元素上有一个 anchor ，它使导航跳转到该点。然而， anchor 将它捕捉到视口(viewport)的顶部。由于做了固定导航，它现在隐藏在后面。

是否可以让 anchor 不吸附到视口(viewport)顶部，而是吸附到页面下方 200 像素？

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

Answer 1

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

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

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

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

请注意，我注意到在不同浏览器中 anchor 移动的距离有些不准确。所以可能无法使事情完美对齐。如果你想让它完美定位，你可能需要一些花哨的 jquery 或其他东西。