引入顶部导航栏后调整实际网站的开始

Question

我已经使用 GitHub Pages 建立了一些网站，并使用了闰日主题。 Here's 包含主题原始源代码的存储库，this 是模板在实践中的样子。

因为我想自定义我的website 更多，所以我在页面顶部添加了一个来自引导程序的导航栏。之后，我调整了闰日模板代码的边距和起始点，以使实际网站的内容仅在固定导航栏下方开始（以避免导航栏与网站的其余部分重叠）。为此，我主要调整了这个CSS file。同样在该文件中，我将模板中已经存在的原始导航栏的名称重命名为nav2，该名称显示在网站的左侧。自定义（顶部）导航栏称为navi。

嗯，毕竟，大多数网站都运行顺利，并且做了它应该做的事情（展示一些项目）。 但是，在引入额外的顶部导航栏后仍然存在一个问题，即单击当前显示网站的某个部分或子部分的名称不会立即将用户引导到相应部分的开头更长的时间，但用户在实际网站内容开始时将看到的内容位于请求部分的开始下方。据我了解，某些部分的开头，例如Introduction，当用户点击左侧导航栏中的Introduction-section 名称时，在网站上移动到一定高度y。但是，既然添加了顶部的附加导航栏，因此所有进一步的内容都向下移动，显示部分开头的位置y 被页面顶部的一些横幅隐藏.

因此，我想知道是否有人知道上述 css 中的众多变量中的哪一个 更改文件以将部分的起始点y 在网站上进一步向下移动。我已经尝试更改了很多参数，但我无法看到哪个控制了我称为y 的点。

为了让我的问题更清楚一点，请考虑以下两张图片：

这是应该发生的：

这就是实际发生的情况：

非常感谢您！

Answer 1

您可以尝试以下 StackOverflow 问题中列出的一些解决方案：Fixed page header overlaps in-page anchors。

最常见的方法似乎是将padding-top 添加到等于导航栏高度的a 元素。