10 个仓库
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.
LayoutManagerGroup 是一个为 Android RecyclerView 提供自定义布局管理器的库。它充当自定义列表布局引擎和 UI 组件集,旨在控制移动界面中项目的定位和滚动方式。 该项目提供了一种定义非标准项目放置和滚动行为的机制。它允许创建偏离标准布局的专用网格和列表排列,以实现特定的视觉配置。 该引擎通过基于坐标的放置和感知方向的逻辑来处理项目的空间定位。它通过手动测量过程和动态视图回收来管理渲染过程,从而使项目位置与滚动偏移量保持同步。
Tracks scroll offsets to synchronize item positions and trigger the loading of new content.
AnimatedCollectionViewLayout 是一个用于 UIKit 集合视图的布局引擎和动画框架。它提供了一个用于管理 iOS 用户界面中项目定位和流畅视觉过渡的系统。 该项目专注于自定义布局过渡工具和滚动动画器,能够应用实时视差和缩放效果。这些功能允许通过基于协议的实现来定义独特的动画路径和属性过渡。 该框架涵盖了广泛的视觉效果,包括基于滚动的过渡和布局属性插值。这些工具无需修改单个单元格或视图类,即可创建动态运动效果和流畅的状态变更。
Monitors content offset changes in real time to apply dynamic transforms to collection view items.
ngx-datatable 是一个功能丰富的 Angular 应用程序数据表格组件,旨在显示和管理大型数据集。它作为一个可定制的数据网格,支持排序、分页,并使用自定义 Angular 模板来设置数据单元格样式。 该组件的特色在于其高性能的虚拟滚动网格,仅渲染可见行以优化内存和 CPU 使用。它提供了一个交互式界面,通过行选择、列重排和可展开的详细视图来管理数据。 该项目涵盖了广泛的能力,包括用于固定和调整列宽的列管理、多列排序,以及用于远程数据获取的服务端集成。它还包括行级定制,如动态样式、自定义行组件和灵活的选择模式。其他实用功能包括表格消息本地化和通过 CSS 应用自定义主题。
Tracks scroll offset coordinates to synchronize the visible viewport with the data source during virtualization.
Stellar.js 是一个 JavaScript 视差库和基于滚动的运动框架,用于协调 DOM 元素定位和 CSS 变换。它作为一个定位工具,根据滚动触发器计算背景图像和前景项目的实时坐标偏移。 该库利用 CSS 变换动画引擎,确保移动端和桌面端浏览器上的运动均经过硬件加速。它通过对元素应用相对于自然滚动速率的不同移动速度来创建深度效果。 该框架涵盖了一系列运动功能,包括背景和元素视差的速度比计算,以及基于偏移的对齐。它允许将祖先元素定义为参考点,以确定项目何时应返回其原始位置。
Implements mechanisms to track scroll distance to accurately calculate coordinate shifts for parallax elements.
stroll.js 是一个前端 UI 动画库,旨在将标准的 Web 列表转换为三维滚动显示效果。它作为一个利用 CSS3 变换(transforms)创建基于深度的透视效果的工具。 该库专注于 3D Web 动画和交互式列表设计。它实现了响应用户移动的视觉效果,在导航列表元素时增加空间深度和透视感。
Tracks scroll distance to translate the positions of list items and trigger depth-based visual transitions.
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.
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.
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.
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.
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.