const ticker = document.querySelector('.hello-ticker'); let currentX = 0; let lastScrollY = window.scrollY; let velocity = 0; // tuning const friction = 0.92; // smoother decay const scrollInfluence = 0.05; const maxSpeed = 20; const baseSpeed = 2; // idle movement function animate() { // apply friction (smooth slowdown) velocity *= friction; // add subtle constant drift const drift = velocity >= 0 ? baseSpeed : -baseSpeed; currentX += velocity + drift; const width = ticker.scrollWidth / 2; // seamless infinite loop if (currentX <= -width)="" currentx="" +="width;" if="" (currentx="">= 0) currentX -= width; ticker.style.transform = `translate3d(${currentX}px, 0, 0)`; requestAnimationFrame(animate); } window.addEventListener('scroll', () => { const delta = window.scrollY - lastScrollY; // direction comes naturally from delta velocity += delta * scrollInfluence; // clamp speed velocity = Math.max(Math.min(velocity, maxSpeed), -maxSpeed); lastScrollY = window.scrollY; }); animate();