Continuous News Ticker with pause on hover?
Hi there. I was looking at this thread:
Wondering how the example might be modified to allow for items to pause on hover so a link can be opened.
See the Pen ZPKwjW by sgorneau (@sgorneau) on CodePen
You definitely shouldn't be using WebKitCSSMatrix like that - it would be much cleaner (and more compatible) to use a simple gsap.getProperty(".ticker-wrapper", "x") but you don't even need to do that. Here's a different approach that leverages a simple xPercent animation:
See the Pen rNwaLvw?editors=0010 by GreenSock (@GreenSock) on CodePen
$(document).ready( function(){
$('ul li').wrapAll('<span class="ticker-items">');
var tickerWid
