Capacidad C25 · Nivel 3

Una sección que se queda quieta mientras su contenido avanza.

El mecanismo es uno solo y sirve para las dos cosas de abajo: el scroll dentro de una sección alta se traduce a un número de 0 a 1, y ese número conduce lo que sea. No necesita ninguna librería.

Qué tienes que mirar, en orden:
  1. Baja con la rueda, despacio. La barra azul de arriba se llena: ese es el 0→1.
  2. Llegas a "Así es trabajar con nosotros" y la sección se queda clavada. Sigues bajando y la página no se mueve — lo que cambia es qué paso está en negro. Los otros tres se quedan grises.
  3. Cuando pasan los cuatro pasos, la sección se suelta y llegas a "De qué está hecho". Ahí pasa lo mismo, pero lo que cambia es la imagen: las cuatro barras se separan y se vuelven a juntar según subas o bajes.

La prueba de que funciona: para el scroll a media sección y la imagen se queda en ese punto exacto. No es un vídeo — tú controlas cada fotograma.

Variante A · texto

Así es trabajar con nosotros.

  • Primero escuchamosAntes de proponer nada, entendemos de qué se queja tu cliente cuando llega.
  • Después medimosReseñas, redes, búsqueda. Lo que se puede comprobar, se comprueba.
  • Luego decidimosUn plan corto con lo que cambia una decisión, no un informe de cien páginas.
  • Y lo hacemosProducción real, con revisión antes de publicar.
Composición cuyas piezas se separan a medida que se avanza por la sección.
Variante B · secuencia de imágenes

De qué está hecho.

Mismo mecanismo, otro contenido: en vez de activar pasos, el 0→1 elige qué fotograma se ve. El 3D se hace una vez al renderizar; al navegador solo llegan imágenes.

Para un restaurante, esto es un plato separándose en sus ingredientes. Para un servicio, no aplica — no hay nada que despiezar.

fotograma 1 / 40
Lo que cuesta

El código es barato. Las imágenes no.