Layout

Curved Scroll Wall

Curved Scroll Wall: Eine horizontal scrollende Wand aus Fotos, die auf einer sanft gekrümmten, gebogenen Ebene gerendert wird und endlos in beide Richtungen scrollt.

Curved Scroll Wall verwenden

Curved Scroll Wall verwendet das Vorschauformat „breit“ mit der Theme-Einstellung „dunkel“.

Vorschau anpassen

Diese Einstellungen werden an die Demo übergeben. Standardwerte und Grenzen gelten für die Vorschau; die vollständige Props-API steht in der Implementierung.

Einstellung	Typ	Standardwert	Vorschaugrenzen
`bend`	`number`	`3`	Von 0 bis 6; Schrittweite 0.5
`scrollSpeed`	`number`	`2`	Von 1 bis 5; Schrittweite 0.5
`borderRadius`	`number`	`8`	Von 0 bis 20; Schrittweite 2
`textColor`	`color`	`#FFFFFF`	Keine weitere Grenze in den Metadaten.

Für welche Frameworks ist Curved Scroll Wall verfügbar?

Curved Scroll Wall ist für React, Vue, Svelte, Astro, HTML verfügbar. Die Live-Vorschau verwendet React; die folgenden Quellcode-Beobachtungen beziehen sich auf index.tsx. Prüfe die gewählte Portierung auf die benötigten Interaktionen.

Welche Abhängigkeiten hat Curved Scroll Wall?

Die React-Metadaten nennen keine zusätzlichen npm-Abhängigkeiten neben React.

Welche Details zur Barrierefreiheit sind in Curved Scroll Wall erkennbar?

Der React-Quellcode von Curved Scroll Wall enthält: Attribute und Ereignisbehandler (aria-hidden, aria-label, aria-roledescription, onKeyDown, tabIndex); explizite Rollen (region); Tastenvergleiche (ArrowLeft, ArrowRight). Dies sind Beobachtungen am Quellcode. Prüfe zugängliche Namen, Fokusreihenfolge und Tastaturverhalten auf der zusammengesetzten Seite.

Wie berücksichtigt Curved Scroll Wall reduzierte Bewegung?

Curved Scroll Wall liest die Bewegungseinstellung im React-Quellcode über matchMedia(prefers-reduced-motion). Prüfe die vollständige Implementierung, gemeinsame Stile und die gewählte Portierung mit aktivierter Bewegungsreduktion; diese Beobachtungen belegen keinen vollständigen Animationsstopp.

Verbinde deinen Agenten

Verwandte offene Komponenten

Standbild der UI-Komponente Masonry flow von Fieldbook aus der Kategorie Layout.

1532Masonry flowLayoutEine Mauerwerkswand, die Kacheln unterschiedlicher Höhe in Säulen packt, jede einzelne anhebt, während sie ins Blickfeld gescrollt wird, und das gesamte Raster neu positioniert, wenn sich die Anzahl der Säulen ändert.

Standbild der UI-Komponente Drag split panels von Fieldbook aus der Kategorie Layout.

2342Drag split panelsLayoutDurch dünne ziehbare Griffe unterteilte Bereiche, die die Größe der angrenzenden Bereiche in Echtzeit ändern, in einer Reihe angeordnet oder gestapelt.

Standbild der UI-Komponente Focus scroll list von Fieldbook aus der Kategorie Layout.

2357Focus scroll listLayoutEine scrollbare Warteschlange, deren Zeilen in voller Größe und opacity erscheinen, wenn sie die Mitte der Ansicht erreichen, mit Hover und Tastaturauswahl.

Standbild der UI-Komponente HUD viewfinder frame von Fieldbook aus der Kategorie Layout.

2919HUD viewfinder frameLayoutEin kamerainspirierter Rahmen für beliebige Inhalte mit einrastenden Eckmarken, laufendem Zeitcode, kleinen Beschriftungen und einer Leiste, die den Fortschritt anzeigt.

Standbild der UI-Komponente Masked reveal disclosure von Fieldbook aus der Kategorie Layout.

2384Masked reveal disclosureLayoutEine Offenlegung, deren Panel auf seine natürliche Höhe anwächst, während ein weicher Verlaufsrand den Inhalt von oben ins Blickfeld wischt und beim Schließen dann rückwärts läuft.

Standbild der UI-Komponente Overlay scroll panel von Fieldbook aus der Kategorie Layout.

2396Overlay scroll panelLayoutEin begrenztes Panel, das die Bildlaufleiste der Plattform verbirgt und eine eigene schlanke Overlay-Spur zeichnet, die in Daumengröße dem Inhalt entspricht.