1 Repo
Awesome GitHub RepositoriesScroll Target Styling
Adding markers to elements to allow CSS styling when they become the active scroll target.
Distinct from Element-Targeted Scrolling: Focuses on applying CSS-stylable attributes to the target, whereas the parent focuses on the movement to the target
Explore 1 awesome GitHub repository matching user interface & experience · Scroll Target Styling. Refine with filters or upvote what's useful.
Awesome Scroll Target Styling GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- swup/swup
swup/swup
5,191Auf GitHub ansehenSwup ist eine Seitenübergangsbibliothek und ein AJAX-Seitenlader, der entwickelt wurde, um nahtlose, animierte Übergänge zwischen Seiten auf serverseitig gerenderten Websites zu erstellen. Er fungiert als DOM-Inhalts-Orchestrator und Browser-Verlaufsmanager, der die Navigation abfängt, um Seiteninhalte dynamisch zu ersetzen und ein Single-Page-Application-Erlebnis zu simulieren. Das Projekt zeichnet sich durch ein Hook-basiertes Lebenszyklussystem und eine Plugin-Architektur aus, die die Injektion von benutzerdefinierter Logik und Animationseffekten ermöglicht. Es unterstützt fortschrittliche visuelle Methoden, einschließlich DOM-Inhalts-Morphing, parallelem DOM-Rendering für überlappende Animationen und die Integration mit der nativen Browser-View-Transitions-API. Die Bibliothek deckt eine breite Palette an Funktionen ab, einschließlich clientseitigem Navigationsmanagement, speicherbasiertem Seitencaching und Hintergrund-Seiten-Preloading zur Leistungsoptimierung. Sie bietet zudem umfassende Wiederherstellung der Scroll-Position, Barrierefreiheitsoptimierungen für Screenreader sowie Tools zur Synchronisation von Dokument-Head-Metadaten und Skriptausführung über Übergänge hinweg.
Applies custom attributes to target elements to enable CSS styling when they are scrolled into view.
TypeScriptanimationjavascriptpage-transitions
