固定顶导航过低

添加 margin-top: -50px;padding-top: 50px; 目标id有效

#work,#about,#contact,#copyright{
    margin-top: -50px;
    padding-top: 50px;
}

您可以在不影响网站正面的情况下使用边距顶部和填充顶部。尝试添加 -50px至边距顶部,50px至填充顶部 . 这将解决您的问题。

一种常见的方法是通过CSS向链接的原始目标元素添加不可见的伪元素,如下所示:

#work::before { 
  display: block; 
  content: " "; 
  margin-top: -60px; 
  height: 60px; 
  visibility: hidden; 
  pointer-events: none;
}

这将使用该ID“扩展”元素,使锚点位于主元素上方60px(可以是任何值),而不会导致任何其他可见更改。