Html Href使用引导粘贴导航栏跳转

Html Href使用引导粘贴导航栏跳转,html,css,bootstrap-4,Html,Css,Bootstrap 4,因此,我有一个带有下拉菜单的粘性导航栏,允许我跳转到页面的不同部分。但是,当我跳转到另一个部分时,导航栏会覆盖我跳转到的div的开头。我检查了导航栏,它的高度是58,有填充物和其他东西。如何将跳转偏移58像素,使div与粘性顶部齐平,而不阻塞启动div的标题 例如,下面是我的网站 当我点击“Education”(教育)时,它会切断标题“Education”(教育),并且与我的导航栏不齐平 您可以使用:before伪类在节的开头创建隐藏空间 堆栈片段 正文{ 保证金:0; } 菜单{ 背景:#

因此,我有一个带有下拉菜单的粘性导航栏,允许我跳转到页面的不同部分。但是,当我跳转到另一个部分时,导航栏会覆盖我跳转到的div的开头。我检查了导航栏,它的高度是58,有填充物和其他东西。如何将跳转偏移58像素,使div与粘性顶部齐平,而不阻塞启动div的标题

例如,下面是我的网站

当我点击“Education”(教育)时,它会切断标题“Education”(教育),并且与我的
导航栏不齐平


您可以使用
:before
伪类在节的开头创建隐藏空间

堆栈片段

正文{
保证金:0;
}
菜单{
背景:#000;
保证金:0;
位置:粘性;
排名:0;
}
第[id]节:之前{
显示:块;
高度:38px;/*等于收割台高度*/
顶部边距:-38px;/*等于收割台高度的负边距*/
可见性:隐藏;
内容:“;
}
菜单李{
列表样式:无;
显示:内联块;
}
菜单李a{
颜色:#fff;
填充:10px;
显示:块;
右边距:20px;
}
部分{
高度:500px;
}
链接1
Link2
感谢您的回复。现在就试着这么做。如果成功了,我就让你打绿色的勾!仍然有一些困难。我试图手动转到每个div,并使用它们的id调用:before(或::before)。例如,#resume::before{display:block;height:38px;/*等于页眉高度/页边顶部:-38px;/negative margin等于页眉高度*/可见性:hidden;内容:;}但没有任何效果:/@AndrewPagan它可能是你的其他css代码…你能共享一个工作代码吗?只需将你的代码粘贴到小提琴中并保存它…然后将url粘贴到注释中…@AndrewPagan我已经更改了你的一些代码…看一看…如果你共享你的代码,它会更容易帮助你。这个问题被错误地标记为重复。据称的副本讨论了.navbar具有.fixed top类的情况,而此问题询问的是.navbar具有.sticky top类的情况。这是两种不同的情况,因为.fixed top会从正常布局中删除.navbar,而.sticky top则不会。