Desplazamiento

Scroll expand stage

Un pequeño marco redondeado crece para llenar toda la ventana gráfica a medida que se desplaza, su título se eleva mientras el artículo que se encuentra debajo se desvanece.

Sixteen days above the treeline

Field notes

Above the last stand of pine

The ridge line held snow through July this year, and the trail crew rerouted the switchbacks twice before the crossing finally opened. We carried sixteen days of food across three passes, resupplying nothing, trusting the caches we had set back in June.

By the ninth day the treeline was a memory. What replaced it was better: open granite, marmots working the boulder fields, and a silence that made every footstep sound deliberate.

Field notes, day fourteen of sixteen

Scroll to expand

Cómo usar Scroll expand stage

Un pequeño marco redondeado crece para llenar toda la ventana gráfica a medida que se desplaza, su título se eleva mientras el artículo que se encuentra debajo se desvanece.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: startWidth, startRadius, zoom, smoothing, title, accent

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

1874Pinned lateral galleryDesplazamientoUna sección que se mantiene en su lugar mientras se desplaza verticalmente arrastrando una fila de paneles hacia los lados, luego se suelta y deja que la página continúe.

1843Blur fade revealDesplazamientoContenido que llega desenfocado y transparente, luego se enfoca en su lugar la primera vez que se desplaza a la vista sin mover un solo píxel.

1855Enter view revealDesplazamientoBloques que se deslizan y se desvanecen en el momento en que aparecen a la vista y se reinician una vez que salen, por lo que la revelación se reproduce nuevamente en cada pase.

1873Parallax plate galleryDesplazamientoUna galería vertical donde el número de índice de gran tamaño de cada placa se desplaza a un ritmo diferente al de la propia placa, con un riel de progreso de desplazamiento a lo largo de la parte inferior.

2838Scroll dim text revealDesplazamientoUn párrafo permanece atenuado y se ilumina palabra por palabra al mismo ritmo que el progreso del desplazamiento, luego se oscurece nuevamente a medida que retrocede.

1880Scroll entrance wrapperDesplazamientoUn envoltorio que mantiene a sus hijos estacionados en su posición hasta que aparecen en la vista, luego reproduce una llegada facilitada y nunca la repite.