javascript - 在#page HTML 链接顶部添加一个空格

Question

当我有一个在同一页面中加载一个部分的链接时，该链接将使该部分在浏览器窗口顶部加载时单击，我需要以某种方式在所有这些部分顶部添加一个 100px 的空间/间隙像这样链接。

关于如何做到这一点的任何想法？

The link to section
<a href="#page">Page</a>


The section
<a id="page"></a>

Answer 1

在您的 CSS 中，只需将padding-top设置为 100px（您需要某种形式的 CSS 选择器来仅定位“正确”链接）：

a.someCssClassOrSelector {
  padding-top: 100px
}