javascript - 无法在 react-scroll scrollToTop 中禁用平滑滚动

Question

我正在使用该react-scroll库来处理我的 React 应用程序上的滚动。每当单击特定按钮时，我都想滚动到顶部，但是我不希望它平滑滚动，这似乎是默认启用的。我已经尝试了以下代码，但是页面仍然可以顺利滚动，尽管持续时间成功更改为 2 秒。我尝试了该smooth属性的其他值，例如easeInQuart等，效果很好。我也试着加上false引号，但无济于事。

<button onClick={() => animateScroll.scrollToTop({
      duration: 2000,
      smooth: false
    })}>
</button>

编辑：

正如 Bronson 在下面指出的，行为对window.scrollTo方法很满意。为了澄清，我想知道为什么上面的代码没有显示相同的行为，否则如果总是启用它，那么接受属性boolean值有什么意义呢？smooth

Answer 1

如果我理解正确，您只想立即将用户带回窗口顶部？如果是这样，您可能只想避免react-scroll在此处使用，而只需使用浏览器的window.scrollTo方法：

<button onClick={() => window.scrollTo(0,0)}>
</button>

Answer 2

在 CSS 文件中，在任何你想要的地方写下这段代码，

html{
  scroll-behavior: auto !important;
}