GSAP Marquee effect not working correctly.

[malikfaizan403]

Hello Guys, 

 

I have used the gsap marquee effect but I am getting some issue when marquee effect repeats. It is working fine on first time when it repeat the second time, it shows some gap and after some time it shows the content. I want to make it smooth and infinite loop without any gap. I am unable to fix this issue. Anybody please help me on this? I will appreciate your help.

 

Thanks in advance!

See the Pen NWroNYe by malikfaizan403 (@malikfaizan403) on CodePen.

[ZachSaucier]

Hey malikfaizan403 and welcome to the GreenSock forums.

 

Some of your code formatting choices are a bit confusing to me. Why are you using commas instead of semi-colons? And why use Array.from() when .forEach() works on NodeLists? 

 

As for the marquee effect, I think you've overcomplicating things a bit. Here's how I'd do it. 

See the Pen MWeLJxo?editors=0010 by GreenSock (@GreenSock) on CodePen.

 

I didn't handle resizing FYI. Happy tweening!