Javascript 通过导航栏隐藏到同一页面

我有一个锚把我带到一个像这样的潜水舱：

<a href="#hot-dogs"> Hot Dogs </a>

问题是我有一个56像素高的导航条，它隐藏了滚动到的元素。因此，用户必须在点击锚后向上滚动一点才能查看元素

有没有办法使锚定滚动减少56像素，以避免导航栏阻塞已滚动到的元素

或者你建议另一种解决方案

---

请只使用CSS或香草Javascript。

两种便宜的方法来完成。我想，你可以在元素中添加padding top，也可以在元素上方的html中创建另一个元素并链接到该元素。只需给它一个

top:-56px

的位置，并将href改为该元素

更新：下面也添加了JS

#introMarker{
位置：相对位置；
顶部：-56px；
}
#介绍{
字体大小：粗体；
}

介绍

能解决你的问题吗？@SvenEberth是的，谢谢。