Javascript 在启用平滑滚动的情况下使用scrollIntoView（）时，如何计算固定导航？

所以我还没能找到一种方法来使用element.scrollIntoView{behavior:'smooth'}，同时还要考虑一个固定的导航。滚动效果很好，但固定导航总是覆盖在我试图滚动到的标题上。我在网上四处寻找，找到了一些其他的解决方案。但我还没有找到一个包含平滑滚动行为的。我希望避免突然跳转到滚动条。

为了避免这种行为，您不需要固定标题，只需将标题静态定位，并将其放置在滚动的div上方即可

函数doIt{ const header=document.getElementByIdheader1； header.scrollIntoView{ 行为：光滑 }; } 身体{ 显示器：flex； 弯曲方向：立柱； 溢出：无； 身高：100%； 位置：绝对位置； } 导航{ 高度：100磅； 弹性收缩：0； 背景色：黑色； 颜色：白色； } 章节内容{ 柔性生长：1； 溢出y：自动； } 这是导航条。 这是一个标题。 这是一些文本。Lorem ipsum dolor sit amet，nam decore labore accumsan no.Ad perfecto Incidering eum，quaeque Repimique a sea。其他全向脊椎动物选择vim，前vix dico斜向脊椎动物，可适应我们。知识产权委员会 id，无柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄柄。现在是英明的独白，而不是你。我是一个有经验的人，我是一个有活力的人。这是一个共同的海洋，是一个欧洲统一体，是一个欧洲人民。 我们是科蒂岛大学的

这是另一个标题。 这是虹膜的概念，通常是一种小分子，同时也是一种小分子。Adhuc iusto vel ei，theophrastus前特效师eos，tale sanctus erroribus eos cu。Mollis regione accusam nam ex.Te vim dolorem qualisque，ex per odio Putten intellegat， 自由主义者的观点。通常情况下，没有确定的可能性。Wisi utroque有一个。这是一个非常重要的问题，一个概念性的问题，一个普遍的问题。乌拉姆柯柏葡萄园 我向您致意，并向您提出异议。他是一个另类的人，保罗和他的朋友。已给出的智能定义，根据第三部分的结论进行分析。在nec出现了Ullum，并在欧盟进行了讨论 eos。

---

当我使用固定收割台时，我的高度与车身上的固定收割台相同。因此，如果导航栏是64px高，我会在机身上使用64px的填充顶部

.navbar {
    height: 64px;
}

body {
    padding-top: 64px;
}

这应该很容易解决