Help with a scrolling Marquee infinite text element popping in and out

[NettlofScunthorpe]

Hey all, 

 

Since my last post we have figured out all the installation and have been enjoying diving into the codepens and documentation on this. 

 

Having a small issue with the marquee text scroll direction effect. 

 

On the Codepen, the scroll looks infinite, but when implementing onto the website it cuts off the first part of the text for a second or so before 'popping' into view

 

 

Link to the demo site: https://frn01813.uk.w3pcloud.com/trucks/

 

Is this something I need to keep in mind when building my animations with text-length or screen width? Or have I done something sightly wrong in my implementation? 

 

I've used these codepens for help building this:

See the Pen rNjvgjo by GreenSock (@GreenSock) on CodePen

See the Pen QWqoKBv by GreenSock (@GreenSock) on CodePen

 

In conclusion, I'm really looking if i'm missing a key part of the theory on implementation of something like this, or if it's just something i've overlooked. 

 

Kind Regards

See the Pen vYQqZYb by NJames97 (@NJames97) on CodePen

[Rodrigo]

Hi,

 

If it is working on the codepen example there must be something else in your setup that is causing this, maybe some other style being inherited or something like that.

 

Also I noticed you are using a rather old helper function, be sure to use the latest version of the Horizontal Endless Loop helper:

https://greensock.com/docs/v3/HelperFunctions#loop

 

Here is a simple demo using that:

See the Pen yLGNerX by GreenSock (@GreenSock) on CodePen

 

Also one option always is adding an extra element, just in case the first element gets added after it should appear.

 

Unfortunately we can't debug live sites, there is not a lot we can do in order to restart the code with some changes in it.

 

Hopefully this helps.

Happy Tweening!