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 is a library of custom layout managers for Android RecyclerViews. It serves as a custom list layout engine and a set of UI components designed to control how items are positioned and scrolled within a mobile interface. The project provides a mechanism for defining non-standard item placements and scrolling behaviors. It allows for the creation of specialized grid and list arrangements that deviate from standard layouts to achieve specific visual configurations. The engine handles the spatial positioning of items through coordinate-based placement and orientation-aware logi
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 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.
Stellar.js एक JavaScript पैरालैक्स लाइब्रेरी और स्क्रॉल-आधारित मोशन फ्रेमवर्क है जिसका उपयोग DOM एलिमेंट पोजिशनिंग और CSS ट्रांसफॉर्म को समन्वित करने के लिए किया जाता है। यह एक पोजिशनिंग टूल के रूप में कार्य करता है जो स्क्रॉल ट्रिगर्स के आधार पर बैकग्राउंड इमेज और फोरग्राउंड आइटम्स के लिए रीयल-टाइम कोऑर्डिनेट शिफ्ट की गणना करता है। लाइब्रेरी यह सुनिश्चित करने के लिए कि मूवमेंट मोबाइल और डेस्कटॉप ब्राउज़र दोनों पर हार्डवेयर-त्वरित हो, एक CSS ट्रांसफॉर्म एनिमेशन इंजन का उपयोग करती है। यह प्राकृतिक स्क्रॉल दर के सापेक्ष तत्वों पर अलग-अलग मूवमेंट गति लागू करके गहराई प्रभाव पैदा करती है। फ्रेमवर्क मोशन क्षमताओं की एक श्रृंखला को कवर करता है, जिसमें बैकग्राउंड और एलिमेंट पैरालैक्स के लिए स्पीड-रेशियो गणना, साथ ही ऑफसेट-आधारित अलाइनमेंट शामिल है। यह यह निर्धारित करने के लिए कि आइटम को अपनी मूल स्थिति में कब लौटना चाहिए, संदर्भ बिंदुओं के रूप में पूर्वज तत्वों की परिभाषा की अनुमति देता है।
Implements mechanisms to track scroll distance to accurately calculate coordinate shifts for parallax elements.
stroll.js एक फ्रंटएंड UI एनिमेशन लाइब्रेरी है जिसे स्टैंडर्ड वेब लिस्ट को थ्री-डायमेंशनल स्क्रॉलिंग डिस्प्ले में बदलने के लिए डिज़ाइन किया गया है। यह CSS3 ट्रांसफ़ॉर्म का उपयोग करके डेप्थ-बेस्ड पर्सपेक्टिव बनाने का एक टूल है। यह लाइब्रेरी 3D वेब एनिमेशन और इंटरैक्टिव लिस्ट डिज़ाइन में माहिर है। यह ऐसे विज़ुअल इफ़ेक्ट्स लागू करती है जो यूज़र की मूवमेंट पर प्रतिक्रिया देते हैं, जिससे लिस्ट एलिमेंट्स को नेविगेट करते समय उनमें स्थानिक गहराई (spatial depth) और पर्सपेक्टिव जुड़ जाता है।
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.