[Infinite seamless text animation along svg text path]

I would like to animate a sentence, which follows an svg text path.

 

But i like it to be a seamless animation. So the sentence should be repeated seamlessly and infinitely.
Can anyone give me some advice on how to start ?

See the Pen 6fa7024ac0283e5e5715777155c9d554 by mikeK (@mikeK) on CodePen

[Tween issue while scrubbing (upwards)]

That is very clear Jack!

Thank you for the elaborate response and guidance.

I now understand the cause of the issue and how to prevent it in the future!

 

Thanks!

[Tween issue while scrubbing (upwards)]

I'm affraid i'm still not following. 🤔
I've updated my codepen to remove the timeline. And there's no nesting in the scrolltriggers anymore (so i think).
Still the issue remains the same...

[Tween issue while scrubbing (upwards)]

I have the following setup:

A couple of viewport filling divs (panes) and a pinned webgl scene.
While scrolling down the panes, some animation happens in the webgl scene.
Each pane triggers an animation. E.g. move position of the cube in the webgl scene.

The scrolling down part works well.

But as soon as i scroll up, the cube jumps to the original start position from the current trigger.

I've already tried replacing the webgl animation with a simple css animation and the issue remains the same.
So i think the issue lies with the scrubbing... ?

I hope someone can help me. 😊

See the Pen WNgdYZb by insight-media (@insight-media) on CodePen