Jump to content
Search Community

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

uzisky test
Moderator Tag

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 comment
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 comment
Share on other sites

  • 1 year later...

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.
  • Create New...