Ecmascript 6 刷新时滚动到页面顶部

Ecmascript 6 刷新时滚动到页面顶部,ecmascript-6,reactjs,javascript,jquery,jsx,Ecmascript 6,Reactjs,Javascript,Jquery,Jsx,我正在尝试创建一些动画,当一个元素在我的react应用程序中滚动到位时。我尝试过使用几个react scroll软件包,但没有得到所需的结果,因为我想将动画应用于所有从同一父组件映射的子组件(因此,当第一个子组件滚动到位时,所有子组件都会同时动画) 为了解决这个问题,我想只获取每个组件的当前滚动位置和单个位置,但我非常困惑,不清楚如何正确地执行此操作。对于我的子组件,是否应该在调用onScroll事件时调用函数?或者,当DOM被更新到我想要的适当位置时,我应该使用类似于jsx的方法来获取这些不同

我正在尝试创建一些动画,当一个元素在我的react应用程序中滚动到位时。我尝试过使用几个react scroll软件包,但没有得到所需的结果,因为我想将动画应用于所有从同一父组件映射的子组件(因此,当第一个子组件滚动到位时,所有子组件都会同时动画)

为了解决这个问题,我想只获取每个组件的当前滚动位置和单个位置,但我非常困惑,不清楚如何正确地执行此操作。对于我的子组件,是否应该在调用
onScroll
事件时调用函数?或者,当
DOM
被更新到我想要的适当位置时,我应该使用类似于
jsx
的方法来获取这些不同窗口位置的信息,并运行一些计算和函数吗


谢谢,任何帮助都将不胜感激!我花了几天时间寻找答案,但我想我只是更专注于如何调用不同的窗口和元素事件和属性,以及如何比较它们,甚至不知道这是否必要,以及是否有一个更简单的滚动动画解决方案,理想情况下,只需简单,不需要任何软件包。

简单!只需在DOM ready上使用scrollTop方法即可:

$(document).ready(function(){
   $(this).scrollTop(0);
});
您也可以这样做:

$(document).scrollTop(0);

react waypoint有用吗?谢谢@Andrew,我刚看了一眼,你说得对,我想它能满足我的需要!您只需使用
window.scrollTop(0)