awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

10 个仓库

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

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • dingmouren/layoutmanagergroupDingMouRen 的头像

    DingMouRen/LayoutManagerGroup

    4,976在 GitHub 上查看↗

    LayoutManagerGroup 是一个为 Android RecyclerView 提供自定义布局管理器的库。它充当自定义列表布局引擎和 UI 组件集,旨在控制移动界面中项目的定位和滚动方式。 该项目提供了一种定义非标准项目放置和滚动行为的机制。它允许创建偏离标准布局的专用网格和列表排列,以实现特定的视觉配置。 该引擎通过基于坐标的放置和感知方向的逻辑来处理项目的空间定位。它通过手动测量过程和动态视图回收来管理渲染过程,从而使项目位置与滚动偏移量保持同步。

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

    Java
    在 GitHub 上查看↗4,976
  • kelvinjin/animatedcollectionviewlayoutKelvinJin 的头像

    KelvinJin/AnimatedCollectionViewLayout

    4,861在 GitHub 上查看↗

    AnimatedCollectionViewLayout 是一个用于 UIKit 集合视图的布局引擎和动画框架。它提供了一个用于管理 iOS 用户界面中项目定位和流畅视觉过渡的系统。 该项目专注于自定义布局过渡工具和滚动动画器,能够应用实时视差和缩放效果。这些功能允许通过基于协议的实现来定义独特的动画路径和属性过渡。 该框架涵盖了广泛的视觉效果,包括基于滚动的过渡和布局属性插值。这些工具无需修改单个单元格或视图类,即可创建动态运动效果和流畅的状态变更。

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

    Swiftanimationcocoapodsios
    在 GitHub 上查看↗4,861
  • swimlane/ngx-datatableswimlane 的头像

    swimlane/ngx-datatable

    4,671在 GitHub 上查看↗

    ngx-datatable 是一个功能丰富的 Angular 应用程序数据表格组件,旨在显示和管理大型数据集。它作为一个可定制的数据网格,支持排序、分页,并使用自定义 Angular 模板来设置数据单元格样式。 该组件的特色在于其高性能的虚拟滚动网格,仅渲染可见行以优化内存和 CPU 使用。它提供了一个交互式界面,通过行选择、列重排和可展开的详细视图来管理数据。 该项目涵盖了广泛的能力,包括用于固定和调整列宽的列管理、多列排序,以及用于远程数据获取的服务端集成。它还包括行级定制,如动态样式、自定义行组件和灵活的选择模式。其他实用功能包括表格消息本地化和通过 CSS 应用自定义主题。

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

    TypeScriptangularangular-componentsangular2
    在 GitHub 上查看↗4,671
  • markdalgleish/stellar.jsmarkdalgleish 的头像

    markdalgleish/stellar.js

    4,592在 GitHub 上查看↗

    Stellar.js 是一个 JavaScript 视差库和基于滚动的运动框架,用于协调 DOM 元素定位和 CSS 变换。它作为一个定位工具,根据滚动触发器计算背景图像和前景项目的实时坐标偏移。 该库利用 CSS 变换动画引擎,确保移动端和桌面端浏览器上的运动均经过硬件加速。它通过对元素应用相对于自然滚动速率的不同移动速度来创建深度效果。 该框架涵盖了一系列运动功能,包括背景和元素视差的速度比计算,以及基于偏移的对齐。它允许将祖先元素定义为参考点,以确定项目何时应返回其原始位置。

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

    JavaScript
    在 GitHub 上查看↗4,592
  • hakimel/stroll.jshakimel 的头像

    hakimel/stroll.js

    4,342在 GitHub 上查看↗

    stroll.js 是一个前端 UI 动画库,旨在将标准的 Web 列表转换为三维滚动显示效果。它作为一个利用 CSS3 变换(transforms)创建基于深度的透视效果的工具。 该库专注于 3D Web 动画和交互式列表设计。它实现了响应用户移动的视觉效果,在导航列表元素时增加空间深度和透视感。

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

    HTML
    在 GitHub 上查看↗4,342
  • jaredpalmer/react-fnsjaredpalmer 的头像

    jaredpalmer/react-fns

    3,705在 GitHub 上查看↗

    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
    在 GitHub 上查看↗3,705
  • malte-wessel/react-custom-scrollbarsmalte-wessel 的头像

    malte-wessel/react-custom-scrollbars

    3,217在 GitHub 上查看↗

    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
    在 GitHub 上查看↗3,217
  • aljullu/react-lazy-load-image-componentAljullu 的头像

    Aljullu/react-lazy-load-image-component

    1,553在 GitHub 上查看↗

    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
    在 GitHub 上查看↗1,553
  • material-motion/material-motion-swiftmaterial-motion 的头像

    material-motion/material-motion-swift

    1,419在 GitHub 上查看↗

    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
    在 GitHub 上查看↗1,419
  • webcreate/infinite-ajax-scrollwebcreate 的头像

    webcreate/infinite-ajax-scroll

    899在 GitHub 上查看↗

    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
    在 GitHub 上查看↗899
  1. Home
  2. User Interface & Experience
  3. Scroll Event Handlers
  4. Scroll Synchronization
  5. Scroll-Offset Tracking