固定页头重叠页内锚

Question

固定页头重叠页内锚

如果我在HTML页面中有一个不滚动的标题，固定在顶部，具有定义的高度：

是否有一种使用URL锚点的方法(#fragment部分)使浏览器滚动到页面中的某个点，但仍然尊重固定元素的高度。没有JavaScript的帮助?

http://foo.com/#bar

WRONG (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&nbsp;class="anchor"&nbsp;name="barlink">Bar</a></h1>然后简单地使用CSS：.anchor&nbsp;{&nbsp;padding-top:&nbsp;90px;&nbsp;}