javascript - 我网站上 scrollIntoView 的奇怪行为

Question

我刚刚完成了用 react 和 typescript 制作的网站，我注意到我的导航栏有奇怪的行为。我使用 element.scrollIntoView 使用元素的 id 将屏幕移动到网站的特定部分，但有时它会向下滚动一点，仅此而已，但在大多数情况下它工作得很好。

网站在这里：
https ://neidz.github.io/photography_agency/

负责滚动的部分代码在这里：
https ://github.com/Neidz/photography_agency/blob/master/src/Sections/Navbar/navbar.tsx

要复制该行为，只需单击顶部导航中的任何按钮，它应该会在 3 次尝试中发生。

标签： javascriptreactjstypescriptjs-scrollintoview