[I want to slow down my scrubbed scrollTrigger animation, without adjusting the height of the sections]

Okay making the end value longer isn't an option, because I want the animation to be done when the section is in screen. Anyway thanks for the information!

[I want to slow down my scrubbed scrollTrigger animation, without adjusting the height of the sections]

This is a simplified demo of my problem. I want to slow down the scroll, because I find that the animations run too quick. But each section has to keep its height of 100vh. I know that the duration of a scrubbed animations is equal to the distance between the start and the end point (here 100vh - 90px). So how can I fix that the scroll slows down?

See the Pen LYQqrwO by Samlinck (@Samlinck) on CodePen

[Scrolltrigger animation starts from a different position than the end of the first animation]

@Xenex122 Ok but the problem persists without xPercent: 
 

See the Pen poaxJae by Samlinck (@Samlinck) on CodePen

 

 

[Scrolltrigger animation starts from a different position than the end of the first animation]

I have an on load animation which works fine. But when i start scrolling, my right dot jumps to its start position (before the load animation). I guess it has something to do with using different kind of translates? Hope somebody can help.

See the Pen ExQdYWo by Samlinck (@Samlinck) on CodePen

[Is it good to just ignore warnings, or is it better to fix them?]

I have page transitions with barba.js and a certain element is not always on the page to be animated. So gsap gives a warning that the target is not found. Can I just disable warnings in my production env. Or is there a good way to not let a certain part of the animation timeline play, when the target isn't found? 

[Different timelines animating the same element, causing the animations to get mixed up.]

Hi i'm making some hover animations that should behave separately. But they get mixed up. I want the sentence in the middle to fade-out and on the basis of the hovered link i want to show the accompanied hidden div.  But if you hover really fast from one link to another, the first animation gets mixed up with the following animation. Hope someone can help. 

See the Pen gOwxVrE by Samlinck (@Samlinck) on CodePen

[Space gets created when i pin an element with scrolltrigger.]

@ZachSaucier sometimes it's just easy! Thank you very much!

[Space gets created when i pin an element with scrolltrigger.]

Hi everybody, 
It's my first timing using scrolltrigger and i have an issue that i can't seem to solve. I want to animate scroll effects inside the pinned blue container, like the white bg sliding over the blue one.
But the pinning of the container creates a space above and beneath while scrolling through page. Long story short, i want the green blocks to stay in place. Right above and beneath the container. 
Please help

See the Pen KKgVVMg by Samlinck (@Samlinck) on CodePen

[Return animation back to start values]

Okay that was easy 😄. Thanks!

 

[Return animation back to start values]

Hi I'm very new to gsap and I was trying to make a hover animation for my buttons. But I would like the button to return to his start position. I tried to use clearProps, but that doesn't seem to do the trick. Hope someone can help!

See the Pen abOygZB by Samlinck (@Samlinck) on CodePen