Défilement

Scroll progress rail

Une barre fine épinglée en haut d'un panneau déroulant qui se remplit de gauche à droite en synchronisation exacte avec la distance de défilement du contenu et se vide lorsque vous faites défiler vers le haut.

Release notes

Version 2.6: the registry rebuild

This cycle was about the pipeline more than the pixels. The catalog is now derived from the component folders at build time, so a meta fix and the site copy can never drift apart again. Every entry carries its own plate number, and the ports are compiled and smoke rendered before anything ships to the public index.

Highlights

The build got a lenient mode. A folder with findings is now skipped and reported instead of taking the whole catalog down with it, which turned a bad Tuesday into a one line fix. Pages resolve by plate number everywhere, including the agent surface, so old links keep working after a rename.

Entries in the catalog

302

Frameworks per entry

Changelog

Sep 4Registry build skips lenient folders instead of aborting the whole catalog.
Sep 3Component pages resolve by plate number in the index and on the agent surface.
Sep 2Button and media pages regenerated on the cloud pool and verified by hand.
Sep 1Port reports only count an entry as written once its closing tag lands.
Aug 30Thumbnail pass adds a webp render for every new component in the batch.
Aug 29Wave 5 components checked in, one hundred and sixty of them.

Known quirks

The thumbnail renderer still races the catalog write on very large waves, so a handful of cards can ship with a stale frame for a few minutes. A fix is queued for the next batch. Port tests on the server rendered frameworks are slower than they need to be; the plan is to share one headless browser across the whole run.

End of the notes. Scroll back up and watch the rail drain.

Scroll or drag inside the panel. The rail fills as you read and drains when you go back.

Utiliser Scroll progress rail

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: color, thickness, showTrack

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

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.

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.

1881Scroll expand stageDéfilementUn 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.

1882Scroll focus columnDéfilementUne colonne défilante dans laquelle chaque ligne s'estompe et rétrécit lorsqu'elle quitte la bande de lecture et revient à sa pleine présence lorsqu'elle y entre, de sorte que seul le milieu est toujours entièrement solide.

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.