Javascript 静态滚动至页面更改顶部

当页面更改为react static时，是否有办法滚动到顶部？我使用的是

@reach/router

，默认情况下，它包含在

react static

中

我已经试过了：

这是（从这）吗

但两者都不起作用

---

react static文档中提到了上一个解决方案，但由于它不再出现在文档中，因此似乎遭到了反对。

尝试使用一个组件来为您处理滚动并位于应用程序组件上方

用法：

从“/ManageScroll”导入ManageScroll；
ReactDOM.render(

希望这有帮助！
尝试使用一个组件来处理滚动，并位于应用程序组件之上

用法：

从“/ManageScroll”导入ManageScroll；
ReactDOM.render(

希望这有帮助！
您需要创建一个新组件
Scrolltotop.js

import { useEffect } from 'react'
import { useLocation } from '@reach/router'

export default function Scrolltotop () {
  const { pathname } = useLocation()

  useEffect(() => {
    window.scrollTo(0, 0)
  }, [pathname])

  return null
}

import Scrolltotop from './components/Scrolltotop'

并将其导入
App.js

import { useEffect } from 'react'
import { useLocation } from '@reach/router'

export default function Scrolltotop () {
  const { pathname } = useLocation()

  useEffect(() => {
    window.scrollTo(0, 0)
  }, [pathname])

  return null
}

import Scrolltotop from './components/Scrolltotop'

并将其添加到应用程序功能：

function App () {
  return (
    <Root>
      <Scrolltotop/>
      <Router>
        <Routes path="*"/>
      </Router>
    </Root>
  )
}

函数应用程序（）{
返回(
)
}
您需要创建一个新组件
Scrolltotop.js

import { useEffect } from 'react'
import { useLocation } from '@reach/router'

export default function Scrolltotop () {
  const { pathname } = useLocation()

  useEffect(() => {
    window.scrollTo(0, 0)
  }, [pathname])

  return null
}

import Scrolltotop from './components/Scrolltotop'

并将其导入
App.js

import { useEffect } from 'react'
import { useLocation } from '@reach/router'

export default function Scrolltotop () {
  const { pathname } = useLocation()

  useEffect(() => {
    window.scrollTo(0, 0)
  }, [pathname])

  return null
}

import Scrolltotop from './components/Scrolltotop'

并将其添加到应用程序功能：

function App () {
  return (
    <Root>
      <Scrolltotop/>
      <Router>
        <Routes path="*"/>
      </Router>
    </Root>
  )
}

函数应用程序（）{
返回(
)
}
否。从未使用过react-static。但如果它在引擎盖下使用reach路由器，则值得一试。此代码毕竟来自reach路由器的作者。否。从未使用react-static。但如果它在引擎盖下使用reach路由器，则值得一试。此代码毕竟来自reach路由器的作者。