svenilla

Hi @Rodrigo, can you please tell me if you think it is possible to use scrollTrigger and page transitions in nuxt3 so that the scroll position is preserved when navigating the pages?

Thank you very much @Rodrigo, now the reloading works. However, when I navigate forwards or backwards via the browser, the progress of the animation and the scroll position are always reset, which is bad for usability. What would you have to change if you want to keep the status and scroll position when changing pages.

Nice, thank you! But as soon as I refresh the page Scrolltrigger or the page LayersSection, the tweening is no longer executed (The problem we've had before). This occurs in both versions.

Super, thank you @Rodrigo! I am very curious about your new example.

My goal is to use ScrollTrigger to animate elements on entering page. When I navigate to another page I want to animate the elements off to get a nice page transition. So, when I enable pageTransition in nuxt.config.ts in your GSAP & Nuxt 3 Starter and navigate through the pages, the scripts don't work anymore. export default defineNuxtConfig({ app: { pageTransition: { name: 'page', mode: 'out-in' } }, }) Do you have a solution for this or an alternative to get the desired behaviour?

Great, thank you very much! What was the problem?

Sorry, I have to correct myself, the LayerSection page has the problem too.

Thanks for your feedback. Yes, to see the error, all you have to do is click "reload" on the ScrollTrigger page in the results section. The LayerSection page has the problem too. As you can see also on this screenshot, the script is not interpreted after the reload.

If you reload the ScrollTrigger page in your GSAP & Nuxt 3 Starter, the page no longer works.