Défilement

Scroll expand stage

Un petit cadre arrondi s'agrandit pour remplir toute la fenêtre à mesure que vous faites défiler, son titre s'éloignant tandis que l'article en dessous s'efface.

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

Utiliser Scroll expand stage

Un petit cadre arrondi s'agrandit pour remplir toute la fenêtre à mesure que vous faites défiler, son titre s'éloignant tandis que l'article en dessous s'efface.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: startWidth, startRadius, zoom, smoothing, title, accent

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

1874Pinned lateral galleryDéfilementUne section qui reste en place pendant que votre défilement vertical consiste à faire glisser une rangée de panneaux latéralement, puis se relâche et laisse la page continuer.

1843Blur fade revealDéfilementLe contenu qui arrive flou et transparent, puis s'accentue la première fois qu'il défile sans déplacer un seul pixel.

1855Enter view revealDéfilementLes blocs qui glissent et s'estompent au moment où ils apparaissent et se réinitialisent une fois qu'ils partent, de sorte que la révélation se répète à chaque passage.

1873Parallax plate galleryDéfilementUne galerie verticale d'accrochage où le numéro d'index surdimensionné de chaque plaque dérive à un rythme différent de celui de la plaque elle-même, avec un rail de progression à défilement le long du bas.

2838Scroll dim text revealDéfilementUn paragraphe est grisé et s'éclaircit mot par mot au fur et à mesure de la progression du défilement, puis s'assombrit à nouveau lorsque vous faites défiler vers l'arrière.

1880Scroll entrance wrapperDéfilementUn wrapper qui maintient ses enfants garés hors position jusqu'à ce qu'ils défilent, puis joue une arrivée facilitée et ne la répète jamais.