Next.js: window.scrollTo(0, 0) doesn't work

Created on 27 Sep 2018 · 8Comments · Source: vercel/next.js

Bug report

I added this code to _app.js

Router.events.on('routeChangeComplete', () => {
  NProgress.done()
  window.scrollTo(0, 0)
})

Everything ok, but scroll doesn't work

Source

markolofsen

All 8 comments

next/link already implements this behavior, why'd you need to trigger it another time 🤔

timneutkens on 27 Sep 2018

Nothing, after each transition my page doesn't scroll to top. I'm using Nextjs Canary 7*

markolofsen on 27 Sep 2018

Can you create a minimal reproduction?

timneutkens on 27 Sep 2018

@timneutkens Is there any solution for the scroll position; when you refresh the page or click to history back button on your browser?

rabbititus on 28 Sep 2018

I'm not sure what you're referring to exactly, could you create a minimal reproduction?

timneutkens on 28 Sep 2018

My project is working fine
the example in _app.tsx

  public componentDidMount() {
    const previousCallback = Router.onRouteChangeComplete;
    Router.onRouteChangeComplete = (url: string) => {
      if (typeof previousCallback === "function") {
        previousCallback(url);
      }

      window && typeof window === "object" && window.scrollTo && typeof window.scrollTo === "function" && window.scrollTo(0, 0);
    };
  }