2 repositorios
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 es una subclase de diseño personalizada para vistas de colección en iOS diseñada para implementar cabeceras de sección fijas y efectos de paralaje. Gestiona el posicionamiento de las cabeceras para asegurar que permanezcan ancladas a la parte superior del viewport mientras el usuario se desplaza por una lista. El diseño utiliza un desplazamiento basado en empuje para eliminar una cabecera anclada una vez que la cabecera de la sección siguiente llega a la parte superior de la pantalla. También incorpora interpolación lineal para mover las imágenes de la cabecera a una tasa diferente a la del offset de desplazamiento, creando una sensación visual de profundidad. Estas capacidades se logran mediante el mapeo dinámico de coordenadas y cálculos de offset de desplazamiento en tiempo real para determinar cuándo las cabeceras deben anclarse, flotar o desplazarse.
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.