javascript - 单击 anchor 链接时，我将如何向坐标添加像素值，以便在我的固定标题下方可以看到目标

Question

我的网站上有一个固定的 header ，高度为 100 像素。当页面滚动时，网站的内容会滚动到标题下方。

问题是，如果我现在单击页面顶部的 anchor 链接，它将跳转到目标部分，然后该部分将隐藏在我的固定标题下方。

有没有办法让 anchor 链接正常工作，但偏移固定标题的垂直高度，以便一切正常显示？

谢谢

Answer 1

给每个 anchor 一个类:

<a name="location" class="bookmark">

然后在你的 CSS 中:

a.bookmark {
  display: block; 
  position: relative;
  top: -100px;
  margin-left: -5000em; 
}

在没有看到您的页面的情况下，很难确定上述代码是否可以完美运行，但原则上像这样的代码应该可以运行。

但是，如果您的链接直接链接到 eg 标签而不是命名 anchor ，则不能使用此选项。