uzisky

Sure. The performance hit is caused by the video playback, not GSAP. Thanks for the recommendation.

That should be standard procedure-- apologies. Here is the Codepen.

GSAP, when applied correctly is super-smooth without question-- who want's to argue with that? The problem is, when it's stacked on the same page with a heavy workload like video playback, it struggles a bit. I notice this when I ran my infinite horizontal news ticker-- not a fault of GSAP but the end-user wouldn't know that since it's the news ticker jerking motion that is noticeable. My question is, it's there a strategy to further optimize for smooth transition? If their is, I may have to apply this solution to my videojs player as well-- I wish Greensock would release it's own kick-ass video player. I'm thinking of using Web Worker but given that GSAP is mainly a DOM workhorse, I wonder if it's feasible. Any thought on this?

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

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.

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});

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.