Scroll Jump Before Nav #9628
Unanswered
hecktarzuli
asked this question in
Questions (Nuxt 2)
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello, I'm wondering if anyone has found a solution to the Nuxt scroll jump problem.
It happens when you scroll down 1 page, then click on a link that takes you to another page type. What you see see is when you click on the link, the CURRENT page scrolls all the way to the top, THEN the new page starts to render.
What I'm looking for is better timing, more like a normal website where you click on a link, and then it scrolls to the top when the new page starts to render. I've tried updating the router scrollbehavior to wait 0ms, which helps on desktop, but still has other issued on mobile. I also want to avoid page transitions as I think they are more jarring to the user experience. I'm looking for clean timing to mimic a normal website.
You can see it a little better on slower connections. Here, I've use the Nuxt website as an example. Notice when you click on other links, you briefly see the flicker of the top of the current page before it gets swapped with new content.
scroll-jump-2.mov
Here is another, this time without any throttling. Notice when I click on the link, it scrolls to the top so you see the original banner image, then the next page loads.
louis-vuitton.mov
Beta Was this translation helpful? Give feedback.
All reactions