Window.scrollTo 在 React 中未定义

Question

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

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

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

我是否必须以另一种方式进行反应，或者我错过了什么？

Answer 1

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

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

这使得 window 保持其位置 "fixed"，这意味着 window.scrollTo() 不会改变位置。

所以请小心使用 position: fixed;，除非您希望元素固定在视口中。（像 header）

Window.scrollTo is undefined in React