在React中未定义Window.scrollTo

Question

我想在按钮点击上做一个简单的window.scrollTo（0,0）。我希望它只是将窗口移动到顶部。不幸的是，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.scrollTo()不会改变位置。

因此要小心使用position: fixed;，除非您希望元素粘在视口中。 （像标题一样）