Im trying to get rid of that white space that is between 2 divs (abc, xyz) that was created by trigger element.
can't get rid of it.
I tried with pin and pinspacer but it bit jumpy,
goal is to add a animation with -
trigger enters viewport normally while the user is scrolling normally, after completing 50% of its viewport scroll, it animates in 1/5th of page speed for 30% of its viewport scroll, then does twice the speed of page scroll for remaining 20%.
trigger element travels in same direction (bottom to top) like every other element, but just with different speed.
animation adds empty space for trigger element
in GSAP
Posted
Hello,
Im trying to get rid of that white space that is between 2 divs (abc, xyz) that was created by trigger element.
can't get rid of it.
I tried with pin and pinspacer but it bit jumpy,
goal is to add a animation with -
trigger enters viewport normally while the user is scrolling normally, after completing 50% of its viewport scroll, it animates in 1/5th of page speed for 30% of its viewport scroll, then does twice the speed of page scroll for remaining 20%.
trigger element travels in same direction (bottom to top) like every other element, but just with different speed.
See the Pen eYMKaJw by pranayraj09 (@pranayraj09) on CodePen