html - 更改浏览器认为页面顶部的位置？

Question

想不出好标题，抱歉！

我有一个网站，带有浮动（固定）导航/标题栏。这很好用，但是页面上有几个锚点，允许快速导航和/或直接永久链接。

当有人尝试使用这些锚链接之一时，就会出现问题 - 页面跳转到锚点，但标题覆盖了锚点下方的内容。浏览器跳转以使页面视图的顶部位于锚点处，但页面视图的顶部不是页面的顶部 - 导航的底部是。

那么，我该如何解决这个问题？

Answer 1

您可以将锚点放在页面上方一点点，以便显示导航栏

或者

您可以使用 javascript 计算锚点距顶部的偏移量并向其添加几个像素，然后单击链接滚动到该新偏移量。