我设计了一个页面，顶部有一个半透明的导航条，使用position: sticky&top: 0。看起来很酷& &;工作很好，直到我通过使用URI (/page#obj-id)中的片段跳转到某个对象，因为它跳转所以目标直接在顶部，由导航栏半隐藏。因此，每次我都需要向下滚动，以便能够与目标进行交互，这不是很好。
我不想修改HTML结构(如定义一个隐藏对象的目标略高于)，因为网站应该保持结构正确&易于解析。我也不想添加JavaScript(只有在必要时)，因为网站应该可以使用。
所以我想"kind "为跳转配置顶部的边距。我试着把除了导航栏以外的所有内容都包围在它自己的div中，以便能够定义这样的边距，但这对跳转本身没有影响。我可以将div设置为可滚动的，并将body定义为不可滚动的，但这样滚动条看起来也不太好，因为它没有使用两侧的全部空间。
TL;博士:我想要一个解决方案，我怎么能跳到一个点略高于片段标识符?但(大部分)不改变主要的HTML结构&
您可以使用scroll-margin-top: (height of header);并将其添加到您使用锚标记链接到的元素