HTML:使链接指向位于页面中间的 anchor

Question

我的 html 页面上有指向 anchor 的链接。单击链接时，它会导致页面滚动到 anchor ，以便 anchor 位于页面可见部分的最顶部。如何使页面滚动，以便 anchor 位于页面中间？

Answer 1

我找到了解决方案 Anchor Links With A Fixed Header由 Phillip 发布，他是一名网页设计师。 Phillip 添加了一个新的 EMPTY 跨度作为 anchor 位置。

<span class="anchor" id="section1"></span>
<div class="section"></div>

然后放上下面的css代码

.anchor{
  display: block;
  height: 115px; /*same height as header*/
  margin-top: -115px; /*same height as header*/
  visibility: hidden;
}

谢谢，菲利普!