Question

如果您转到this页面。然后单击侧面导航栏，它会滚动到页面上的某个点。但是，我试图跳转到的部分的标题隐藏在固定的导航栏后面。如何设置它以使页面跳转到每个部分的标题可见的位置？

Answer 1

不要将<br>用于保证金底部。

将其添加到样式表中：

body{
    margin-top: 50px;
}

或作为内联css：

<body style="margin-top: 50px;"> ...

然后您可以从主要内容和侧边栏中删除占位符

Answer 2

您可以在部分标题中添加一些填充顶部，也可以移动命名锚点，如：

a[name] {
  position: relative;
  top: -40px;
}

Answer 3

我认为你在谈论实施课程。在正文中提供＃（num）类名称，并在导航栏中的链接中按＃（num）调用，该链接将重定向所需的位置。为什么在锚标记中给出name ='1'来代替href？

这是错误的方式

<a name="1"></a>

由于这种方法，你可以看到你的内容进入顶部栏。

<强>代替

<div class="1">
    <h1>Computing Notes</h1>
</div>

使用href #value从锚标记调用，如下所示：

<a href="#1">Fundamentals of computer systems</a>