Scrollen

Scroll focus column

Eine 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.

checkout-service2m 14s

auth-gateway48s

search-index5m 02s

billing-worker1m 09s

image-resizer33s

notif-relay--

edge-cache21s

web-app3m 41s

Scroll focus column 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: accent, rows, minOpacity, minScale, showBand

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

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.

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.

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.

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.

2839Scroll progress railScrollenEine 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.