在同一页面内锚定一些高度？

Question

我正在创建一个简历网页，该网页使用“a”HTML标记链接其下方的部分。

看起来链接这个： -

当我点击一个链接（“我该做什么”）时。它向下滚动到指定的分区。但是导航栏隐藏了分区的标题（红框中的文字）。如何滚动直到开始划分，使标题低于导航栏。

点击导航栏上的“我该怎么做”链接： -

注意： 导航栏是粘性的，因此它始终位于页面顶部。

导航栏代码：

<div id="navbar">
<p id="name_in_navigation">Abhimanyu</p>
<a href="#footer">Contact</a>
<a href="#works">My Works</a>
<a href="#tech_skills">Technical Skills</a>
<a href="#what_i_do">What I Do</a>
<a href="#edu_qualification">Educational Qualifications</a>
<a class="active" href="#my_pic">About Me</a>

Answer 1

如果我理解你的标题是固定的，当你滚动div时会在标题后面，尝试在div添加一些填充顶部并检查是否解决问题。

如果您在页面滚动后检查div，您会看到div的开头位于窗口顶部（标题后面），并带有填充顶部你可以添加标题的高度并解决问题