2 repository-uri
Updating UI properties like offset and scale based on linear interpolation of scroll progress.
Distinct from Linear Interpolation Rendering: Specifically targets property updates driven by scroll offsets rather than general gesture progression
Explore 2 awesome GitHub repositories matching user interface & experience · Scroll-Based Property Interpolation. Refine with filters or upvote what's useful.
CSStickyHeaderFlowLayout este o subclasă de layout personalizată pentru collection view-urile iOS concepută pentru a implementa headere de secțiune lipicioase și efecte parallax. Gestionează poziționarea headerelor pentru a se asigura că acestea rămân fixate în partea de sus a viewport-ului pe măsură ce utilizatorul derulează printr-o listă. Layout-ul utilizează deplasarea bazată pe push pentru a elimina un header fixat odată ce header-ul secțiunii următoare ajunge în partea de sus a ecranului. De asemenea, încorporează interpolarea liniară pentru a mișca imaginile header-ului la o rată diferită față de offset-ul de derulare, creând un sentiment vizual de profunzime. Aceste capabilități sunt obținute prin maparea dinamică a coordonatelor și calculele în timp real ale offset-ului de derulare pentru a determina când headerele ar trebui să se fixeze, să plutească sau să se deplaseze.
Uses linear interpolation to move header imagery at a slower rate than the scroll offset.
Scroll-timeline is a JavaScript library and standards-based browser polyfill that implements scroll-driven animations and scroll timelines for environments lacking native platform support. It links web animations and CSS animations directly to the user's scroll position or element visibility instead of time, enabling fluid visual effects tied to page movement. The library supports scroll-driven page effects such as scaling image dimensions, panning background positions across large visual elements, and revealing transitions between visual states progressively as the user scrolls. It also trig
Performs mathematical mapping of container scroll dimensions and bounding rectangles into a normalized timeline progress percentage.