2 Repos
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 ist eine benutzerdefinierte Layout-Subklasse für iOS-Collection-Views, die darauf ausgelegt ist, Sticky-Sektions-Header und Parallax-Effekte zu implementieren. Sie verwaltet die Positionierung von Headern, um sicherzustellen, dass diese am oberen Rand des Viewports fixiert bleiben, während der Benutzer durch eine Liste scrollt. Das Layout nutzt push-basierte Verschiebung, um einen fixierten Header zu entfernen, sobald der nachfolgende Sektions-Header den oberen Bildschirmrand erreicht. Es integriert zudem lineare Interpolation, um Header-Bilder mit einer anderen Rate als der Scroll-Offset zu bewegen, wodurch ein visueller Tiefeneindruck entsteht. Diese Funktionen werden durch dynamisches Koordinaten-Mapping und Echtzeit-Scroll-Offset-Berechnungen erreicht, um zu bestimmen, wann Header fixiert, schwebend oder verschoben werden sollen.
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.