Hi,
I have 2 classes that share the same scroltrigger (.main):
gsap.fromTo(".ls, .rs", {
y: "0", opacity: 1}, {y: '-100%', opacity: 0,
scrollTrigger: {
trigger: ".main",
scrub: true, pin: true,
start: 'top top',
end: '+=50%',
}
})
Both has y:'-100%', is there a way for .rs class to be animated y:'100%' instead? So .ls will go up on scroll, and .rs should go down.
Thanks you for any help.