ScrollTrigger pinning does not behave as expected in combination with nuxt 3 and page transitions after page switch
Hi everybody,
First of all, thanks for all these awesome Tools! I have been using gsap for a while and I am amazed.
But now I am struggeling to get the scrolltrigger to work in nuxt 3. Everytime I switch a page, the scrolltrigger animation breaks. When I a disable the page transitions, the scrolltrigger animations are working again. When I set "pin" to false, the animations are also working again after the page switches. It seems like the combination of pin set to true and the page tra
Hi,
The issue is due to the type of animation being applied to the main container of the page. Routing/Transition libraries normally demand that there has to be only one element to be animated. Hence we wrapped everything in a single DOM node. The animation we're using actually applies transforms to that element which causes issue with pinning in ScrollTrigger.
https://stackoverflow.com/questions/15194313/transform3d-not-working-with-position-fixed-children"
There a
