我正在尝试为元素在我的ecmascript-6反应应用程序中滚动到位时创建一些动画。我已经尝试过使用几个反应滚动包,但是没有得到我需要的结果,因为我想将动画应用于所有从同一父组件映射的子组件(因此,所有子组件同时生成动画第一个子组件滚动到位。)
为了解决这个问题,我想到的只是获取当前的滚动位置以及每个组件的各个位置,但是我很不清楚如何正确地执行此操作。对于我的子组件,我应该在调用onScroll
事件时调用函数吗?或者我应该使用类似jsx
的东西来获取这些不同的窗口位置,并在DOM
更新到我想要的适当位置时运行一些评估和功能?
谢谢,任何帮助将不胜感激!我现在花了几天时间寻找答案,但我认为我只是更加坚持如何调用不同的窗口和元素事件和属性以及如何比较它们,甚至不知道这是否是必要的,如果有的话更简单的滚动动画解决方案,理想情况下,只需简单reactjs,无需任何包。
答案 0 :(得分:1)
轻松!只需使用DOM ready上的scrollTop方法:
$(document).ready(function(){
$(this).scrollTop(0);
});
您也可以这样做:
$(document).scrollTop(0);