GSAP ScrollTrigger Horizontal Scroll Timeline Animation
I created a horizontal scroll website and then i want to create Gsap timeline animation by setting SectionB as the trigger element for the scrub animation as [trigger: "#SectionB"] and [start: "0% 100%", end: "100% 0%",] will be starting and end point.my problems- I can not set markers [start: "0% 100%", end: "100% 0%",] on #SectionB- I can not create animation start at SectionB Left Most Side and End at SectionB Rigt Most Sideif anyone can help me set markers at SectionB as [start: "0% 100%", e
Hello and welcome to the forums @AkhilRaja.
Since you are not actually scrolling horizontally but only just faking horizontal scroll-behaviour with a tween on vertical scroll, you can not use the horizontal property of ScrollTrigger and have to calculate the start and end yourself.
Here is the demo from the demos-section showcasing that
See the Pen ZEpNLZa by GreenSock (@GreenSock) on CodePen
Here you'll find
