Smooth Scroll

Scroll suave y cinematográfico. La diferencia entre una web normal y una de agencia premium.

Sección 1Scroll hacia abajo
Sección 2Sientes la diferencia?
Sección 3Así se ven las webs top
Sección 4Smooth como la seda
Código
// ScrollSmoother es un plugin de GSAP Club (de pago)
// Esta es la versión manual con la misma sensación

let current = 0   // scroll actual
let target = 0    // scroll objetivo
let ease = 0.08   // qué tan suave (menor = más suave)

window.addEventListener("scroll", () => {
  target = window.scrollY
})

function smoothLoop() {
  // Interpolar entre posición actual y objetivo
  current += (target - current) * ease
  
  // Mover el contenido
  gsap.set(content, { y: -current })
  
  requestAnimationFrame(smoothLoop)
}

smoothLoop()