Route change on a scrolled window causes jump in layout animation

[alexsafayan]

In client side route changes, the router automatically scrolls the window to the top. That forced scroll repositioning moves the outgoing content in the viewport, so Framer Motion begins its animation from a suddenly shifted layout. The result is a visible jump.

Here's an example with Next.js App Router

Does anyone have any tips?

Related:

• [BUG] - broken layoutId animation with Next.js page change and scroll #2006