Hi, thanks for your reply !
I see what you mean, actually I first tried without the scrolltrigger defaults but the result wasn't what I wanted because yes all tweens are not playing at the same time BUT the timeline is playing from start to end even if we are not scrolling.
Icould be ok for playing the first 5 tweens without scrolling but I'd like to play at least the last 2 tweens according scrolling
For exemple for this one
.to(this.$span, { width: '83.5%' })
I want to anim the width only if we scroll down, how can I do that ? I need to include a scrolltrigger inside the tween itself ? But the best would be to attach all tweens to scrolltrigger like it was with the scrolltrigger defaults but without playing all tweens at the same time.. Sorry if it wasn't clear enough, hope it is now