如何使用JavaScript为锚链接创建平滑的滚动效果？

Question

平滑滚动仅有效一次： 第一个锚链接工作正常，但此后，后续链接会导致页面跳转而不是平滑滚动。

我正在尝试在我的网页上实现平滑滚动，以便当用户单击锚链接时，页面平滑滚动到目标部分，而不是立即跳转

Answer 1

也许你不需要JS，已经有现成的CSS解决方案

html {
  scroll-behavior: smooth;
}