javascript - 遇到平滑滚动到 div 的问题

Question

我遇到的问题是，当用户单击链接时，它会将其重定向到具有特定 id 的特定 div。

我使用 jQuery 来实现平滑滚动功能。

问题是，当我在主页上单击“关于”页面时，它通常会滚动到那里，当我再次单击“关于”链接时，页面会再次移动一点，然后恢复正常。

您可以在这里尝试一下 ( https://saa-d.github.io ) 所有代码都在这里 ( https://github.com/saa-d/saa-d.github.io )

提前致谢:)

编辑:我尝试使用 Chrome 的检查工具进行故障排除，我认为问题出在 .stick CSS 类上，该类负责使用 JS 粘贴导航栏。但我不太确定问题是什么以及如何解决它。

Answer 1

发生这种情况是因为您附加和分离导航，导致该部分根据导航的高度上下移动。

要避免这种情况，请在导航上使用 position:absolute:

nav {
    background-color: #595241;
    height: 60px;
    position: absolute;
    width: 100%;
}