固定页头重叠页内锚

Question

固定页头重叠页内锚如果我在HTML页面中有一个不滚动的标题，固定在顶部，具有定义的高度：是否有一种使用URL锚点的方法(#fragment部分)使浏览器滚动到页面中的某个点，但仍然尊重固定元素的高度。没有JavaScript的帮助?http://foo.com/#barWRONG (but the common behavior):         CORRECT:+---------------------------------+      +---------------------------------+| BAR///////////////////// header |      | //////////////////////// header |+---------------------------------+      +---------------------------------+| Here is the rest of the Text    |      | BAR                             || ...                             |      |                                 || ...                             |      | Here is the rest of the Text    || ...                             |      | ...                             |+---------------------------------+      +---------------------------------+

Answer 1

我也有同样的问题。我通过向锚元素中添加一个类来解决这个问题，顶部的高度作为填充顶值。

<h1><a class="anchor" name="barlink">Bar</a></h1>

然后简单地使用CSS：

.anchor { padding-top: 90px; }