我希望页面点击时平滑滚动到特定区域

Question

我有一个 React 页面，标题顶部有按钮。 我想要的是当点击标题中的按钮之一时，能够使页面自动平滑滚动到反应页面的特定位置

我有一个 React 页面，标题顶部有按钮。 我想要的是当点击标题中的按钮之一时，能够使页面自动平滑滚动到反应页面的特定位置

我使用 window.location.replace('/#info')}>Info 来访问“关于我”。 结果是页面确实转到了该位置，但没有滚动或平滑滚动到该位置

您可以结合使用 href 和 CSS 来实现此目的。

CSS

html { 
  scroll-behavior: smooth; 
}

反应

<a link="#section"></a>

应该够了。如果你想使用JS，你可以使用scrollIntoView，但由于你使用的是React，所以不推荐它。

关注此主题以获取更多信息

Answer 1

您可以结合使用 href 和 CSS 来实现此目的。

CSS

html { 
  scroll-behavior: smooth; 
}

反应

<a link="#section"></a>

应该够了。如果你想使用JS，你可以使用scrollIntoView，但由于你使用的是React，所以不推荐它。

关注此主题以获取更多信息