15 रिपॉजिटरी
Awesome GitHub RepositoriesNested Scroll Coordination
Mechanisms that coordinate scrolling between a parent container and its internal scrollable children.
Distinct from Scroll Orchestrators: Distinct from general scroll orchestrators by focusing specifically on the interception and hand-off between nested scrollable views.
Explore 15 awesome GitHub repositories matching user interface & experience · Nested Scroll Coordination. Refine with filters or upvote what's useful.
Awesome Nested Scroll Coordination GitHub Repositories
AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
- scwang90/smartrefreshlayout
scwang90/SmartRefreshLayout
25,141GitHub पर देखेंSmartRefreshLayout is a pull-to-refresh framework and gesture interaction library for Android. It provides a scroll view wrapper that integrates interactive refresh headers and loading footers into mobile user interfaces, coordinating synchronized scrolling and touch events. The project features a pluggable architecture for custom refresh indicators and secondary refresh mechanisms. It utilizes damping-based gesture translation and overscroll rebound mechanisms to manage the tactile feel of drag resistance and physics-based animations. The library covers a broad range of interaction logic, i
Synchronizes touch events between a parent container and internal scrollable views to prevent movement conflicts.
Javaandroidandroid-uifooter - ustbhuangyi/better-scroll
ustbhuangyi/better-scroll
16,489GitHub पर देखेंBetter-scroll is a JavaScript scroll library and touch interaction engine designed to create high-performance scrollable areas in web browsers. It functions as a modular UI component framework that provides the foundation for building complex scrollable elements. The library is distinguished by a plugin-based architecture that allows the injection of custom methods and event hooks. This system enables the creation of specialized interface components such as carousel sliders, scrollable picker inputs, and draggable element systems. The project covers a wide range of mobile web interaction pat
Coordinates scrolling behavior between parent and child containers to prevent conflicting scroll events.
TypeScriptbetter-performanceiosiscroll - umano/androidslidinguppanel
umano/AndroidSlidingUpPanel
9,456GitHub पर देखेंAndroidSlidingUpPanel is an Android custom view component and sliding panel library used to create draggable overlays that slide up from the bottom of an application screen. It functions as a nested scrolling UI framework that coordinates touch events between a draggable panel and its internal scrollable content. The library distinguishes itself through a parallax effect implementation that shifts background content at different speeds than the foreground panel. It supports the definition of intermediate anchor points to create partial-view states and allows for transition physics customizati
Coordinates touch events to ensure internal content scrolls only after the sliding panel is fully expanded.
Java - simplezhli/flutter_deer
simplezhli/flutter_deer
8,580GitHub पर देखेंFlutter Deer is a Flutter practice project that demonstrates realistic application patterns across Android and iOS. It showcases how to structure a Flutter app with modular routing, reactive state management using Provider, and a centralized network layer built with Dio for structured API calls and error handling. The project also includes integration and accessibility testing that simulates real user interactions to verify UI behavior and screen-reader compatibility. The project differentiates itself by providing a comprehensive showcase of custom UI components and interactions, including ca
Builds complex scrollable layouts using Sliver widgets to compose sticky headers, parallax, and nested scrolling effects.
Dartamapandroidchart - junixapp/xpopup
junixapp/XPopup
8,022GitHub पर देखेंXPopup is an Android popup UI framework and overlay component library used to build customizable dialogs, bottom sheets, and overlay views. It serves as a dialog engine for creating high-performance popup views and provides a toolkit for executing entrance and exit transitions. The library is distinguished by its ability to render ultra-long, high-resolution images using memory-efficient loading and drag-to-dismiss interactions. It supports displaying overlay views while an application is in the background through system overlay permissions. The framework covers anchor-based positioning for
Coordinates scroll events between popup content and parent containers to manage focus and keyboard behavior.
Javaandroidbottomsheetdialog - davidjbradshaw/iframe-resizer
davidjbradshaw/iframe-resizer
6,927GitHub पर देखेंiframe-resizer is a JavaScript tool that automatically adjusts the dimensions of an iframe to match the size of its internal content. It functions as a cross-domain communication bridge, allowing the exchange of data and the triggering of actions between a parent window and an embedded iframe across different origins. The project includes a nested iframe coordinator to synchronize dimensions between parent pages and inner frames, preventing scrollbars in complex nested structures. It also provides an accessibility utility to manage iframe titles and attributes, ensuring embedded content is co
Coordinates dimensions and scrolling between parent pages and inner frames to eliminate nested scrollbars.
JavaScriptcross-domaincross-originiframe - flutterchina/flukit
flutterchina/flukit
5,940GitHub पर देखेंFlukit, Flutter के लिए फंक्शनल टूलकिट्स का एक सूट है, जो एनीमेशन रैपर्स, लेआउट डिबगिंग टूल्स, स्क्रॉल इंटरेक्शन किट्स और रियूज़ेबल UI कंपोनेंट्स की लाइब्रेरी प्रदान करता है। यह प्रोजेक्ट अपने समर्पित लेआउट डिबगिंग टूल के लिए जाना जाता है, जो पैरेंट कंस्ट्रेंट्स का निरीक्षण करने और सीधे इंटरफेस के भीतर सिस्टम लॉग्स कैप्चर करने की सुविधा देता है। इसमें चाइल्ड कंपोनेंट्स को रोटेट, स्केल और स्लाइड करने के लिए विशेष एनीमेशन रैपर्स और पुल-टू-रिफ्रेश, कैरोसेल स्वाइपर्स और फ्लेक्सिबल स्लाइवर हेडर्स जैसी स्क्रॉल इंटरेक्शन किट्स शामिल हैं। यह लाइब्रेरी कंटेंट वॉटरमार्किंग और ग्रेडिएंट ओवरले जैसे विज़ुअल इफेक्ट्स के साथ-साथ ज़ूम करने योग्य व्यूज और टच इवेंट इंटरसेप्शन जैसी इंटरैक्टिव फीचर्स भी प्रदान करती है।
Implements a sliver-based scroll architecture to coordinate flexible headers and complex painting during scrolling.
Dartflutter - scenee/floatingpanel
SCENEE/FloatingPanel
5,813GitHub पर देखेंFloatingPanel iOS के लिए एक Swift UI घटक है जो एक इंटरैक्टिव बॉटम शीट और पैनल मैनेजर प्रदान करता है। यह एक मोडल प्रेजेंटेशन कंट्रोलर के रूप में कार्य करता है जो डेवलपर्स को मुख्य स्क्रीन के साथ संबंधित सामग्री और यूटिलिटीज़ के लिए फ़्लोटिंग कंटेनर प्रदर्शित करने की अनुमति देता है। यह सिस्टम पैनल को पूर्व-निर्धारित ऊर्ध्वाधर स्थितियों पर स्नैप करने के लिए एक चुंबकीय एंकर प्रणाली का उपयोग करता है और एक ही व्यू के भीतर कई पैनलों के मैनेजमेंट का समर्थन करता है। यह यूज़र इंटरैक्शन के दौरान मूवमेंट को समन्वित करने के लिए आंतरिक व्यूज़ के स्क्रॉलिंग व्यवहार के साथ पैनल की स्थिति को सिंक्रोनाइज़ करता है। यह प्रोजेक्ट जेस्चर-आधारित पोज़िशन ट्रैकिंग, स्टेट-ड्रिवन लेआउट गणना और डेलिगेट-आधारित इवेंट डिस्पैच के लिए क्षमताओं को कवर करता है। इन एलिमेंट्स का उपयोग प्रासंगिक कंटेंट डिस्प्ले, कस्टम मोडल्स और इंटरैक्टिव मैप-आधारित इंटरफ़ेस को लागू करने के लिए किया जाता है।
Coordinates scrolling behavior between the floating panel container and its internal scrollable content.
Swift - react-native-community/react-native-modal
react-native-community/react-native-modal
5,656GitHub पर देखेंयह प्रोजेक्ट React Native एप्लिकेशन के लिए एक क्रॉस-प्लेटफॉर्म UI कंपोनेंट है जो मौजूदा एप्लिकेशन व्यू के ऊपर सामग्री प्रस्तुत करने के लिए एक कस्टमाइज़ेबल ओवरले विंडो प्रदान करता है। यह एनिमेटेड मोडल कंपोनेंट्स, बैकड्रॉप्स और मोबाइल ट्रांजिशन को मैनेज करने के लिए एक लाइब्रेरी के रूप में कार्य करता है। कंपोनेंट कस्टम एंटर और एग्जिट एनिमेशन और अत्यधिक कॉन्फ़िगर करने योग्य बैकड्रॉप्स के समर्थन के माध्यम से खुद को अलग करता है, जिससे ओपेसिटी, रंग और कस्टम तत्वों के एकीकरण को समायोजित किया जा सकता है। यह जेस्चर-आधारित डिसमिसल भी लागू करता है, जिससे उपयोगकर्ता बैकग्राउंड टैप या निर्दिष्ट दिशाओं में स्वाइप के माध्यम से ओवरले को बंद कर सकते हैं।
Coordinates scrolling between the internal modal content and the external swipe-to-close gesture detection.
TypeScript - hugeterry/coordinatortablayout
hugeterry/CoordinatorTabLayout
4,175GitHub पर देखेंCoordinatorTabLayout is a custom Android user interface component that integrates tabbed navigation with folding headers and paging container synchronization. Built for the native Android view system, it implements Material Design patterns to create immersive screens where header content collapses as the user scrolls. The component synchronizes tab selection events with a paging container to update visible content. It manages the coordination between a tab navigation bar and a folding header, ensuring that scrolling events and page transitions remain aligned. The layout includes capabilities
Implements nested scroll coordination between a collapsing header and scrollable content to create synchronized folding animations.
Javaandroidandroid-librarycoordinatorlayout - willmcpo/body-scroll-lock
willmcpo/body-scroll-lock
4,099GitHub पर देखेंbody-scroll-lock एक DOM स्क्रॉल लॉकिंग लाइब्रेरी और क्रॉस-ब्राउज़र स्क्रॉल कंट्रोलर है। यह विभिन्न ब्राउज़रों और उपकरणों पर विशिष्ट नेस्टेड तत्वों के लिए स्क्रॉल क्षमता बनाए रखते हुए पेज स्क्रॉलिंग को अक्षम करने के लिए यूटिलिटीज प्रदान करती है। यह प्रोजेक्ट लेआउट शिफ्ट प्रिवेंशन यूटिलिटी और वेब UI मोडल स्क्रॉल मैनेजर के रूप में कार्य करता है। इसमें स्क्रॉलबार हटाए जाने पर बॉडी में पैडिंग जोड़ने के लिए तंत्र शामिल हैं ताकि क्षैतिज झिलमिलाहट और कंटेंट शिफ्टिंग को रोका जा सके। यह लाइब्रेरी मोबाइल नेविगेशन और मोडल इंटरैक्शन के लिए स्क्रॉल प्रबंधन को कवर करती है, जिससे विशिष्ट कंटेनरों को स्क्रॉल करने योग्य रहने की अनुमति मिलती है जबकि बाकी डॉक्यूमेंट बॉडी फ्रीज रहती है।
Enables specific nested containers to remain scrollable while the main document body is frozen.
JavaScriptangularbody-scrollbody-scroll-lock - xuelongqy/flutter_easy_refresh
xuelongqy/flutter_easy_refresh
4,060GitHub पर देखेंfluttereasyrefresh, Flutter लिस्ट घटकों के भीतर 'पुल-टू-रिफ्रेश' और 'इनफिनिट स्क्रॉल पेजिनेशन' को लागू करने के लिए एक लाइब्रेरी है। यह पुल-डाउन जेस्चर के माध्यम से डेटा रीलोड को ट्रिगर करने और पुल-अप ट्रिगर के माध्यम से अतिरिक्त डेटा प्राप्त करने के लिए आवश्यक कार्यात्मक घटक और लॉजिक प्रदान करती है। इस प्रोजेक्ट में एक डिकपल्ड इंडिकेटर आर्किटेक्चर है जो अनुकूलन योग्य विज़ुअल स्टाइल, थीम्ड एनिमेशन और हेडर और फुटर की लचीली स्थिति की अनुमति देता है। इसमें एक केंद्रीकृत कंट्रोलर शामिल है जो उपयोगकर्ता जेस्चर से स्वतंत्र रूप से रिफ्रेश और लोडिंग स्थितियों के प्रोग्रामेटिक प्रबंधन को सक्षम बनाता है। यह लाइब्रेरी अनुकूलन योग्य भौतिकी और जड़ता के माध्यम से स्क्रॉल प्रबंधन को कवर करती है, साथ ही पेज इंडेक्स के आधार पर डेटा लोडिंग को स्वचालित करने के लिए पेजिनेटेड डेटा सिंक्रनाइज़ेशन भी प्रदान करती है। यह व्यू पदानुक्रम के भीतर इंडिकेटर स्थितियों को समन्वयित करने के लिए नेस्टेड स्क्रॉल व्यू के लिए एकीकरण भी प्रदान करती है।
Wraps scrollable widgets to intercept notifications and coordinate indicator positions within nested view hierarchies.
Darteasy-refreshflutterload-more - dolphin-wood/smooth-scrollbar
dolphin-wood/smooth-scrollbar
3,357GitHub पर देखेंSmooth-scrollbar is a customizable JavaScript library that replaces native browser scrollbars and scrolling behavior on target DOM elements with inertial momentum physics. It provides consistent cross-browser scrolling interfaces, hardware-accelerated visual translations, and dynamic thumb positioning. The library supports nested scroll container management, allowing outer containers to continue scrolling automatically when inner scrollable areas reach their boundary edges. It features a modular plugin architecture that enables third-party extensions to hook into core scroll events, track upd
Coordinates nested scrolling by propagating remaining scroll delta to parent containers when inner boundaries are reached.
TypeScriptcustom-scrollbarfrontendjavascript - jeremybarbet/react-native-modalize
jeremybarbet/react-native-modalize
2,886GitHub पर देखेंReact Native Modalize is a customizable bottom sheet component designed for mobile applications. It functions as a navigation and interface utility that allows users to access secondary content or settings through slide-up panels without leaving their current screen context. The library distinguishes itself by processing touch events and swipe gestures directly on the UI thread, ensuring responsive interaction across different mobile devices. It utilizes a portal-based rendering approach to position modal content above all other application elements, while its internal logic synchronizes scro
Coordinates scrolling between the parent modal container and internal scrollable children to ensure fluid interaction.
TypeScriptcomponentmodalreact - jamesblasco/modal_bottom_sheet
jamesblasco/modal_bottom_sheet
1,966GitHub पर देखेंModal bottom sheet is a cross-platform mobile UI framework plugin for Flutter that renders advanced modal bottom sheets and interactive overlay components. It provides a specialized routing mechanism for custom route-based modal presentations, layout utilities for edge-to-edge safe area inset handling, gesture interception systems for nested scroll view coordination, and navigation structures for sequential modal overlay stacking. The library supports platform-adaptive widget styling that dynamically switches between Material Design and iOS Cupertino visual guidelines based on the host platfo
Coordinates touch scrolling gestures between outer modal containers and internal scrollable content.
Dartcupertinodartflutter
