Jump to content

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

How to Create a superb vertical Marquee that pause at intervals.

Recommended Posts

Hello, first timer and a newbie here.

I've been trying to create a vertical Marquee that scrolls vertically with pauses at interval that works exactly like this:


But I've been hitting a road block. Your help is appreciated.

See the Pen ZEGNpGq by enuzo (@enuzo) on CodePen

Link to post
Share on other sites

Hey uzisky and welcome to the GreenSock forums.


What road block are you hitting?


Side note: We recommend using yPercent instead of y: some percent. You can read about why in the most common GSAP mistakes article:


  • Like 1
Link to post
Share on other sites

Hello @ZachSaucier, thanks for your response. The problem is how to have the items scroll vertically in a seamless loop and how to make each item pause for lets say 2 seconds, then scroll to the next item, then pause again ...on and on just like the first example on this page.

This is what the current code code looks like:

var tl = gsap.timeline();
tl.to(".item", {y: "-=50", duration: 2});

I tried this:

var tl = gsap.timeline();
tl.to(".item", {y: "-=50", duration: 2, repeat: -1, repeatDelay: 2});

and this without successes:

var tl = gsap.timeline({repeat: -1, repeatDelay: 2});
tl.to(".item", {y: "-=50", duration: 2});
Link to post
Share on other sites

I'm also trying out the yPercent in place of y: since it's the recommended way to do it. It doesn't solve the problem though.

Link to post
Share on other sites
1 hour ago, mikel said:

Hey @uzisky,


Just another approach

Happy tweening ...


Wow, thanks Mikel! Exactly want I want. I really need to dig into GSAP.

Link to post
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.