Guillaume Ducuing
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Guillaume Ducuing
-
-
Hello! I have an issue with ScrollTrigger; I want to pin the container on scroll to start with (then I will animate some elements). I have done this in several projects with the same code (same imports and same structure), but in this particular project, it doesn't work. In fact, the container just "jumps" instead of following the scroll. Do you see anything in the provided code that could help me? Thanks! (I wasn't able to get the CodePen preview to work, but here is the link for the CSS + JSX, and I'll also include a video to show the current result.)
"dependencies": { "@gsap/react": "^2.1.1", "gsap": "^3.12.5", "next": "^13.5.6", "react": "18.2.0", },
See the Pen OJYMJPa by Guillaume-Ducuing-the-bashful (@Guillaume-Ducuing-the-bashful) on CodePen
ScrollTrigger issue : Pin doesn't work | NextJS 13.5.6
in GSAP
Posted
Hello, thank you for your answers. Indeed I should have cleaned the css before posting... I finally found the solution, I had left a mixin in my globals scss which was preventing it from working properly:
Thank you for all your advice and also for the Stackblitz starter templates, next time I will use them !