Next Scroll Restoration Example

This page does not use a scrollable container, so the scroll restoration is managed by the browser.

If you navigate to the scroll restoration page and then come back here, you will see that the page is scrolled to the top.
Navigate to Scroll Restoration

👇 Link below

When you click the link below, the page will scroll to the top initially.

If you navigate to the scroll restoration page down and then come back here, you will see that the page position is restored (default Next.js behavior).

If you press the forward button in the browser, you will see that the page position is restored there as well (<ScrollRestoration /> handles it automatically).

Navigate to Scroll Restoration