Smooth scroll (Lenis)
En wp-admin: Fancy Animations → Smooth scroll. Añade un scroll suave e inercial (impulsado por
la librería de código abierto Lenis) a todo el front end.
Cambia cómo se siente cada scroll en el sitio publicado, incluido cómo se reproducen las
animaciones de scroll trigger, y mantiene
position: sticky funcionando. Nunca se ejecuta dentro de los lienzos del constructor de Bricks o
Etch.
El interruptor On/Off de arriba a la derecha lo activa; está apagado en una instalación nueva.
Míralo en acción: Smooth scroll en fancyanimations.com.
Sensación del scroll
| Ajuste | Opciones | Valor por defecto |
|---|---|---|
| Easing | Fancy, Ease out, Linear, Lerp, Custom | Fancy |
| Lerp factor (solo Lerp) | 0.01–0.99; cuanto más bajo, más suave | 0.1 |
| Custom function (solo Custom) | Una función JavaScript de t, de 0 a 1, que devuelve el progreso | (t) => Math.min(1, 1.01 - Math.pow(2, -10 * t)) |
| Scroll duration | 0.5–3 s (no se usa con Lerp) | 1.1 s |
| Wheel sensitivity | 0.5×–5× | 1.5× |
| Gesture | Vertical, Horizontal | Vertical |
Fancy es la curva por defecto; Lerp sigue la rueda del ratón fotograma a fotograma en vez de suavizar sobre una duración fija. Una función personalizada que no sea JavaScript válido, o que no devuelva un número, se marca en el campo y bloquea el guardado.
Problemas comunes
- El scroll se siente igual después de activar esto. Solo afecta al front end publicado, no al lienzo de Bricks o Etch. Comprueba que guardaste después de activarlo.
- Las animaciones de scroll se sienten ligeramente distintas después de activar esto. Es lo esperado: el scroll suave cambia el propio movimiento del scroll, que interactúa con ScrollTrigger smoothing. Son ajustes separados; puede que quieras revisar ese una vez que Lenis esté activo.
- "Scroll duration" aparece en gris. El easing es Lerp, que usa en su lugar el Lerp factor.