如何将页面顶部设置为顶部固定的导航栏下方

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

不使用

<br>作为边距底部。

将此添加到您的样式表中：

body{
    margin-top: 50px;
}

或作为内联 CSS：

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

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

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

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

我认为您正在谈论实现类。在正文中给出 #(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>

相关内容