【问题标题】:Scrolling to top of page on refresh刷新时滚动到页面顶部
【发布时间】:2017-11-16 01:31:37
【问题描述】:

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

为了解决这个问题,我想只获取每个组件的当前滚动位置和各个位置,但我非常卡住并且不清楚如何正确执行此操作。对于我的子组件,我应该在调用onScroll 事件时调用一个函数吗?或者我应该改用jsx 之类的东西来获取这些不同的窗口位置并在DOM 更新到我想要的正确位置时运行一些评估和函数?

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

【问题讨论】:

  • react-waypoint 没有帮助吗?
  • 谢谢@Andrew,我刚刚看了看,你说得对,我认为它会满足我的需要!
  • 你可以简单地使用window.scrollTop(0)

标签: ecmascript-6 reactjs javascript jquery reactjs ecmascript-6 jsx


【解决方案1】:

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

$(document).ready(function(){
   $(this).scrollTop(0);
});

你也可以这样做:

$(document).scrollTop(0);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-02-13
    • 2011-04-09
    • 2015-03-01
    • 2015-07-13
    • 2023-03-04
    • 2021-09-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多