2 Repos
Awesome GitHub RepositoriesIntersection Trigger Components
UI components that execute logic based on the intersection of a DOM node and a viewport.
Distinct from Single-Element DOM Components: Unlike general DOM manipulators, these are components designed specifically to trigger callbacks on visibility.
Explore 2 awesome GitHub repositories matching user interface & experience · Intersection Trigger Components. Refine with filters or upvote what's useful.
Awesome Intersection Trigger Components GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- civiccc/react-waypoint
civiccc/react-waypoint
4,046Auf GitHub ansehenreact-waypoint ist eine React-Komponente und ein Viewport-Tracking-Tool, das Funktionen basierend auf der Sichtbarkeit eines DOM-Knotens innerhalb eines scrollbaren Bereichs ausführt. Es überwacht, wann Elemente den Browser-Viewport oder einen spezifizierten Scroll-Container betreten oder verlassen, um Callbacks auszulösen. Das Projekt ermöglicht die Implementierung von Infinite Scrolling, Lazy Loading von Assets und scroll-getriggerten Animationen. Es erlaubt benutzerdefinierte Definitionen von Scroll-Containern und Viewport-Grenzen unter Verwendung von Offsets, um exakt zu bestimmen, wann Ereignisse ausgelöst werden. Das Tool bietet Element-Positions-Tracking und Sichtbarkeitsüberwachung für vertikales und horizontales Scrollen. Es beinhaltet eine Steuerung der Trigger-Empfindlichkeit und Event-Throttling, um die Callback-Ausführung bei schnellem Scrollen zu verwalten.
Provides a React component that executes functions based on the visibility of a DOM node within a scrollable area.
JavaScript - ankeetmaini/react-infinite-scroll-component
ankeetmaini/react-infinite-scroll-component
3,083Auf GitHub ansehenThis project is a frontend component designed to manage dynamic content loading and scroll-based interactions within web applications. It provides a reusable interface for handling data injection as users navigate through scrollable areas, ensuring that content updates occur automatically based on scroll position or manual user triggers. The component distinguishes itself by supporting both standard downward infinite scrolling and inverse scrolling, which allows for the natural expansion of content history in chat-like interfaces. It offers developers full control over the visual presentation
Uses browser-native intersection observers to trigger asynchronous data loading when sentinel elements enter the viewport.
TypeScriptcomponentinfinite-listsinfinite-scroll
