clippert

Thanks so much! Got it working

Hello GSAP pros! I have just a quick question on horizontal scroll. Is it possible to have an animation start, play, and finish before the horizontal action starts? Essentially the first "panel" would have to be pinned or position:sticky somehow. Please let me know, thank you!

Hi @jo85, Have you built out the structure needed for this in Webflow? If not, you have all the HTML, and CSS already there so should be easy enough. After that you will want to copy/paste the JS into either your page settings, or site settings. Be sure to use <script>JS in here...</script>, and don't forget to grab the CDN's from here as well.

Hi everyone, New to GSAP, and new to the forum. Awesome to be here and can't wait to start using this more in future projects. I am building a site in Webflow, and what I need to do is have an animation start/finish before horizontal scrolling initiates. Currently it starts immediately (which is probably whatI have in my code lol). Here is the Figma prototype, and my code so far as well. let workTl = gsap .timeline({ scrollTrigger: { trigger: ".section_partners", start: "top top", end: "bottom, bottom", scrub: 1 } }) .to(".track", { xPercent: -100, ease: "none" }); gsap .timeline({ scrollTrigger: { trigger: ".partner_content", start: "left left", end: "right left", containerAnimation: workTl, scrub: true } }) .to([".reviews_card.is-1", ".reviews_card.is-2", ".reviews_card.is-4"], { x: 0, y: 0, duration: 0.3, ease: "bounce.out" }); let howTl = gsap.timeline({ scrollTrigger: { trigger: ".section_how", start: "top top", toggleActions: "play pause resume reset" } }); cc69ceca-2d52-4b3d-af49-48fed6d8256f.mp4