Scrollen

Scroll expand stage

Wä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.

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

Scroll expand stage verwenden

Wä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.

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: startWidth, startRadius, zoom, smoothing, title, accent

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

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.

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.

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.

2838Scroll dim text revealScrollenEin Absatz bleibt abgeblendet und wird im Gleichschritt mit dem Scrollen Wort für Wort heller. Beim Zurückscrollen wird er dann wieder abgedunkelt.

1880Scroll entrance wrapperScrollenEin Wrapper, der seine Kinder in der geparkten Position hält, bis sie ins Sichtfeld scrollen, dann eine erleichterte Ankunft abspielt und diese nie wiederholt.