1 repository
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
Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
- swup/swup
swup/swup
5,191Vezi pe GitHubSwup este o bibliotecă de tranziție a paginilor și un încărcător de pagini AJAX conceput pentru a crea tranziții animate, fluide, între paginile site-urilor randate pe server. Funcționează ca un orchestrator de conținut DOM și manager de istoric al browserului, interceptând navigarea pentru a înlocui dinamic conținutul paginii și a simula o experiență de aplicație single-page. Proiectul se diferențiază printr-un sistem de ciclu de viață bazat pe hook-uri și o arhitectură de plugin-uri care permite injectarea de logică personalizată și efecte de animație. Suportă metode vizuale avansate, inclusiv morphing-ul conținutului DOM, randarea paralelă DOM pentru animații suprapuse și integrarea cu API-ul nativ al browserului View Transitions. Biblioteca acoperă o gamă largă de capabilități, inclusiv gestionarea navigării client-side, caching-ul paginilor bazat pe memorie și preîncărcarea paginilor în fundal pentru a optimiza performanța. De asemenea, oferă restaurarea completă a poziției de scroll, optimizări de accesibilitate pentru cititoarele de ecran și instrumente pentru sincronizarea metadatelor head-ului documentului și execuția scripturilor în timpul tranzițiilor.
Applies custom attributes to target elements to enable CSS styling when they are scrolled into view.
TypeScriptanimationjavascriptpage-transitions
