Jump to content
GreenSock

uzisky

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:

https://www.jqueryscript.net/demo/Flexible-jQuery-Vertical-News-Ticker-Plugin-Advanced-News-Ticker/#

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

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 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

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

1 hour ago, mikel said:

Hey @uzisky,

 

Just another approach

Happy tweening ...

Mikel

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

Link to comment
Share on other sites

  • 1 year later...
On 7/26/2020 at 1:10 AM, mikel said:

Hey @mikel

 

This is great, can you please help to achieve this on scroll.

 

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.
×