Saied Dev
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by Saied Dev
-
-
Hi GSAP Community,
i have a horizontal parallax ScrollTrigger and every slide or panel within the ScrollTrigger is 1/2 viewport width (CSS => 50vw) . Each panel is clickable and the click toggles the panel between 50vw and 100vw and pushes the other panels aside. Everything is working well but i want in addition, to center or pin the expanded panel to the viewport and disable the scroll. After the next toggle, the panel shrinks to 50vw and the scroll behaves like before.
Is it possible to mix it with ScrollToPlugin? If so, can someone give me a hint or a starting point? Or is it doable with just ScrollTrigger?
Thanks in advance
See the Pen NWLjaqx?editors=1010 by SaiedCode (@SaiedCode) on CodePen
ScrollTrigger snap to elastic item on expand
in GSAP
Posted
Thank you @Rodrigo, definitely a good starting point.