Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

GSAP Marquee effect not working correctly.

Go to solution Solved by ZachSaucier,

Recommended Posts

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

Link to comment
Share on other sites

  • Solution

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!

  • Thanks 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.