Reactjs react转换组/react路由器在路由更改时跳到窗口顶部

Reactjs react转换组/react路由器在路由更改时跳到窗口顶部,reactjs,gatsby,react-transition-group,Reactjs,Gatsby,React Transition Group,如果您在一个内部页面上滚动了任意数量的内容,然后导航到另一个页面,它会快速跳转到页面顶部,然后进行页面转换 我的转换容器是pos:ab。你知道为什么会发生这种情况吗?如果其他人有这个问题,我会在这里登陆。当节点退出时,只需收集滚动位置并将其锁定到位 <TransitionGroup> <CSSTransition key={location.pathname} classNames="anim" timeout={{ enter: 700, exit

如果您在一个内部页面上滚动了任意数量的内容,然后导航到另一个页面,它会快速跳转到页面顶部,然后进行页面转换


我的转换容器是pos:ab。你知道为什么会发生这种情况吗?

如果其他人有这个问题,我会在这里登陆。当节点退出时,只需收集滚动位置并将其锁定到位

<TransitionGroup>
  <CSSTransition
    key={location.pathname}
    classNames="anim"
    timeout={{ enter: 700, exit: 700 }}
    onExit={node => {
      node.style.position = "fixed";
      node.style.top = -1 * window.scrollY + "px";
    }}
  >
    <TransitionHandler location={location}>
      <div>{children()}</div>
    </TransitionHandler>
  </CSSTransition>
</TransitionGroup>

{
node.style.position=“固定”;
node.style.top=-1*window.scrollY+“px”;
}}
>
{children()}