awesome-repositories.com
Blog
MCP
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektMCP-ServerÜber unsRanking-MethodikPresse
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

10 Repos

Awesome GitHub RepositoriesScroll-Offset Tracking

Mechanisms for tracking scroll distance to translate view positions and trigger data loading.

Distinct from Scroll Synchronization: Focuses on using a single scroll offset to translate child positions, not synchronizing multiple viewports

Explore 10 awesome GitHub repositories matching user interface & experience · Scroll-Offset Tracking. Refine with filters or upvote what's useful.

Awesome Scroll-Offset Tracking GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • dingmouren/layoutmanagergroupAvatar von DingMouRen

    DingMouRen/LayoutManagerGroup

    4,976Auf GitHub ansehen↗

    LayoutManagerGroup ist eine Bibliothek benutzerdefinierter Layout-Manager für Android RecyclerViews. Sie dient als benutzerdefinierte Listen-Layout-Engine und als Satz von UI-Komponenten, die darauf ausgelegt sind, zu steuern, wie Elemente innerhalb einer mobilen Schnittstelle positioniert und gescrollt werden. Das Projekt bietet einen Mechanismus zur Definition nicht standardmäßiger Elementplatzierungen und Scroll-Verhaltensweisen. Es ermöglicht die Erstellung spezialisierter Raster- und Listenanordnungen, die von Standard-Layouts abweichen, um spezifische visuelle Konfigurationen zu erreichen. Die Engine handhabt die räumliche Positionierung von Elementen durch koordinatenbasierte Platzierung und orientierungsbewusste Logik. Sie verwaltet den Rendering-Prozess über manuelle Messdurchläufe und dynamisches View-Recycling, um Elementpositionen mit Scroll-Offsets zu synchronisieren.

    Tracks scroll offsets to synchronize item positions and trigger the loading of new content.

    Java
    Auf GitHub ansehen↗4,976
  • kelvinjin/animatedcollectionviewlayoutAvatar von KelvinJin

    KelvinJin/AnimatedCollectionViewLayout

    4,861Auf GitHub ansehen↗

    AnimatedCollectionViewLayout is a layout engine and animation framework for UIKit collection views. It provides a system for managing item positioning and fluid visual transitions within the iOS user interface. The project focuses on custom layout transition tools and a scroll animator capable of applying real-time parallax and zooming effects. These capabilities allow for the definition of unique animation paths and attribute transitions through a protocol-based implementation. The framework covers a broad range of visual effects, including scroll-based transitions and layout attribute inte

    Monitors content offset changes in real time to apply dynamic transforms to collection view items.

    Swiftanimationcocoapodsios
    Auf GitHub ansehen↗4,861
  • swimlane/ngx-datatableAvatar von swimlane

    swimlane/ngx-datatable

    4,671Auf GitHub ansehen↗

    ngx-datatable is a feature-rich data table component for Angular applications designed to display and manage large datasets. It functions as a customizable data grid that supports sorting, pagination, and the use of custom Angular templates for styling data cells. The component is distinguished by its high-performance virtual scrolling grid, which renders only visible rows to optimize memory and CPU usage. It provides an interactive interface for managing data through row selection, column reordering, and expandable detail views. The project covers a broad set of capabilities including colum

    Tracks scroll offset coordinates to synchronize the visible viewport with the data source during virtualization.

    TypeScriptangularangular-componentsangular2
    Auf GitHub ansehen↗4,671
  • markdalgleish/stellar.jsAvatar von markdalgleish

    markdalgleish/stellar.js

    4,592Auf GitHub ansehen↗

    Stellar.js ist eine JavaScript-Parallax-Bibliothek und ein scrollbasiertes Bewegungsframework, das zur Koordination der DOM-Elementpositionierung und CSS-Transformationen verwendet wird. Es fungiert als Positionierungstool, das Echtzeit-Koordinatenverschiebungen für Hintergrundbilder und Vordergrundelemente basierend auf Scroll-Triggern berechnet. Die Bibliothek nutzt eine CSS-Transformations-Animations-Engine, um sicherzustellen, dass Bewegungen auf mobilen und Desktop-Browsern hardwarebeschleunigt sind. Sie erzeugt Tiefeneffekte, indem sie unterschiedliche Bewegungsgeschwindigkeiten auf Elemente relativ zur natürlichen Scroll-Rate anwendet. Das Framework deckt eine Reihe von Bewegungsfunktionen ab, einschließlich Geschwindigkeitsverhältnis-Berechnungen für Hintergrund- und Element-Parallax sowie offsetbasierter Ausrichtung. Es erlaubt die Definition von Vorfahrenelementen als Referenzpunkte, um zu bestimmen, wann Elemente zu ihren ursprünglichen Positionen zurückkehren sollen.

    Implements mechanisms to track scroll distance to accurately calculate coordinate shifts for parallax elements.

    JavaScript
    Auf GitHub ansehen↗4,592
  • hakimel/stroll.jsAvatar von hakimel

    hakimel/stroll.js

    4,342Auf GitHub ansehen↗

    stroll.js ist eine Frontend-UI-Animationsbibliothek, die darauf ausgelegt ist, standardmäßige Web-Listen in dreidimensionale Scroll-Anzeigen zu verwandeln. Sie fungiert als Tool zur Erstellung tiefenbasierter Perspektiven unter Verwendung von CSS3-Transforms. Die Bibliothek ist auf 3D-Webanimationen und interaktives Listendesign spezialisiert. Sie implementiert visuelle Effekte, die auf Benutzerbewegungen reagieren und Listenelementen räumliche Tiefe und Perspektive verleihen, während durch sie navigiert wird.

    Tracks scroll distance to translate the positions of list items and trigger depth-based visual transitions.

    HTML
    Auf GitHub ansehen↗4,342
  • jaredpalmer/react-fnsAvatar von jaredpalmer

    jaredpalmer/react-fns

    3,705Auf GitHub ansehen↗

    react-fns is a suite of declarative components and utilities designed to wrap imperative browser APIs for use in React applications. It provides a set of components and higher-order components that integrate browser environment data, device sensors, network status, and native application launchers into a reactive user interface. The library enables declarative access to hardware sensors for tracking accelerometer, gyroscope, and orientation data in real time. It also includes native app launchers that trigger the default system mail and SMS applications using pre-filled links. Additional cap

    Tracks the current scroll offset of the page to trigger reactive layout updates and UI changes.

    TypeScripthocreactrender-props
    Auf GitHub ansehen↗3,705
  • malte-wessel/react-custom-scrollbarsAvatar von malte-wessel

    malte-wessel/react-custom-scrollbars

    3,217Auf GitHub ansehen↗

    React custom scrollbars is a user interface component built for React applications that replaces native browser scrollbars with custom-styled tracks and thumbs. It maintains consistent visual appearance across different platforms and browsers while generating matching markup on both server and client environments to support server-side rendering without layout shift. The library provides comprehensive styling options by overriding default track, thumb, and view elements with custom components, CSS classes, or inline styles. It handles layout adjustments by resizing container dimensions dynami

    The scroll component library monitors user scrolling coordinates and page progress to trigger dynamic interface updates and animations in real time.

    JavaScriptcustomizablereactscrollbars
    Auf GitHub ansehen↗3,217
  • aljullu/react-lazy-load-image-componentAvatar von Aljullu

    Aljullu/react-lazy-load-image-component

    1,553Auf GitHub ansehen↗

    This library provides a set of React components designed to improve initial page load performance by deferring the rendering of images and other elements until they enter the browser viewport. By managing content visibility and asset delivery, it reduces unnecessary network data usage and accelerates page rendering. The project distinguishes itself through its use of the browser-native intersection observer to track element visibility, which eliminates the need for manual scroll calculations. It further optimizes performance by consolidating event listeners into a single parent component, min

    Optimizes scroll tracking by consolidating event listeners into a single parent component.

    JavaScripthocintersection-observerintersectionobserver
    Auf GitHub ansehen↗1,553
  • material-motion/material-motion-swiftAvatar von material-motion

    material-motion/material-motion-swift

    1,419Auf GitHub ansehen↗

    Material-motion-swift is a Swift animation toolkit and gesture interaction library for building responsive motion, physics-based interface transitions, and direct multitouch manipulation on mobile devices. The framework executes continuous view transitions, asymmetric transformations, and outward masks following standard design guidelines. The library constructs reactive animation networks by binding input streams to layer properties through explicit relationships, while delegating rendering and interpolation to underlying graphics hardware. It translates live touch coordinates into direct m

    Transforms raw scroll offsets into proportional property updates to scale and fade interface elements fluidly on the fly.

    Swiftanimationgesture-driven-animationsios
    Auf GitHub ansehen↗1,419
  • webcreate/infinite-ajax-scrollAvatar von webcreate

    webcreate/infinite-ajax-scroll

    899Auf GitHub ansehen↗

    Infinite-ajax-scroll is a JavaScript library that automatically appends subsequent pages of content as users scroll down a webpage, turning standard pagination into infinite scrolling. It transforms traditional multi-page website pagination into continuous loading flows by fetching and inserting next-page items directly into active container elements. The library includes a pagination parser that extracts next-page anchor links and container structures directly from existing static markup without requiring backend changes. It monitors scroll positions relative to document boundaries to automa

    Monitors scroll position relative to document boundaries to automatically fire network requests.

    JavaScriptajaxinfiniteinfinite-scroll
    Auf GitHub ansehen↗899
  1. Home
  2. User Interface & Experience
  3. Scroll Event Handlers
  4. Scroll Synchronization
  5. Scroll-Offset Tracking