Scrollen

Scroll progress rail

Eine Haarlinienleiste, die am oberen Rand eines scrollbaren Bedienfelds befestigt ist und sich von links nach rechts exakt synchron mit der Scrollweite des Inhalts füllt und beim Scrollen nach oben wieder entleert.

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.

Scroll progress rail verwenden

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: color, thickness, showTrack

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1873Parallax plate galleryScrollenEine einrastende vertikale Galerie, in der die übergroße Indexnummer jeder Platte mit einer anderen Geschwindigkeit als die Platte selbst wandert, mit einer Scroll-Fortschrittsschiene am unteren Rand.

1874Pinned lateral galleryScrollenEin Abschnitt, der an Ort und Stelle bleibt, während Sie mit dem vertikalen Scrollen eine Reihe von Bedienfeldern seitwärts ziehen, dann loslässt und die Seite fortfahren lässt.

1881Scroll expand stageScrollenWährend Sie scrollen, vergrößert sich ein kleiner abgerundeter Rahmen, der das gesamte Ansichtsfenster ausfüllt. Der Titel verschwindet, während der Artikel darunter ausgeblendet wird.

1882Scroll focus columnScrollenEine scrollende Spalte, in der jede Zeile beim Verlassen des Lesebereichs verblasst und schrumpft und beim Eintritt wieder vollständig präsent wird, sodass nur die Mitte jemals vollständig durchgezogen ist.

1843Blur fade revealScrollenInhalte, die unscharf und transparent ankommen, werden dann beim ersten Scrollen in die Ansicht geschärft, ohne dass sich ein einziges Pixel verschiebt.

1855Enter view revealScrollenBlöcke, die in dem Moment, in dem sie ins Blickfeld kommen, gleiten und verblassen, und sich selbst zurücksetzen, sobald sie es verlassen, sodass die Enthüllung bei jedem Durchgang erneut abgespielt wird.