vanchris

I have a small question about linking in GSAP ScrollTrigger. Is it possible to link via a link <a> to a specific ".to" in a timeline? A timeline with ScrollTrigger and scrub: true. gsap.timeline({ scrollTrigger: { scrub: true ... } }) .to("myelement", { ... }) .to("myelement", { ... }) <a href=".to1">To Tween 1 and start animation with scrub from this point on</a> <a href=".to2">To Tween 2 and start animation with scrub from this point on</a>

Thank you for your help, that was it! Works perfect.

Okay there you go So basicily the pin-spacer is my problem...

Okay, so here is what im trying to achieve: - I scroll to#av_section_1 - Scrolling Locks - a little fade in/out animation on my h1 - a function newText changes the value of my h1 - Scrolling is free again - When i scroll up, nothing should happen. Scrolling should be free, no animation. Basically it should only fire once. Now my problem: When i use once = true, it works, but the pin-spacer is visible. When i try onLeaveBack: self => self.disable() the animation does not play, which is good, but the screen locks. Any ideas? I guess my best shot would be to use once and get rid of the pin-spacer?