Hi I just started to use GSAP. I am facing some issues with implementation and hope this forum can help out.
I am trying to create a component that compares multiple products with different colors.
These are the 2 separate variations. But when I try to implement this, I am facing some weird issues.
1. For different widths/heights, the animation starts somewhere in between and doesn't complete.
2. If I have a component above and below this one, the animation keeps going but the below component scrolls along with it.
3. The component doesn't take full height of the viewport.
4. If I try to add a separate tag for background, the background scrolls with the animation
If someone might be helpful that would be great. Thank you in advance.
ScrollTrigger on variable width and height causing issues
in GSAP
Posted
Hi I just started to use GSAP. I am facing some issues with implementation and hope this forum can help out.
I am trying to create a component that compares multiple products with different colors.
These are the 2 separate variations. But when I try to implement this, I am facing some weird issues.
1. For different widths/heights, the animation starts somewhere in between and doesn't complete.
2. If I have a component above and below this one, the animation keeps going but the below component scrolls along with it.
3. The component doesn't take full height of the viewport.
4. If I try to add a separate tag for background, the background scrolls with the animation
If someone might be helpful that would be great. Thank you in advance.
See the Pen bGvLPqq by lioneldsilva (@lioneldsilva) on CodePen