javascript - Window.scrollTo 在 React 中未定义

Question

我想在单击按钮时执行一个简单的 window.scrollTo(0,0)。我希望它只是将窗口移动到顶部。不幸的是，window.scrollTo(0,0) 对 GUI 没有任何作用。

我怀疑它与 React 和应用程序的结构有关。

scrollToTop: function() {
    window.scrollTo(0, 0);
}

我是否必须以另一种方式进行 react ，或者我是否遗漏了什么？

Answer 1

我发现问题出在我的主容器上有一个固定位置。

main-container {
   position: fixed; // Should use either static or relative
}

这使得窗口保持其位置“固定”，这意味着 window.scrollTo() 不会更改位置。

所以请小心使用 position: fixed;，除非您希望元素固定在视口(viewport)中。 (像一个标题)