2 repositorios
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
Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
- civiccc/react-waypoint
civiccc/react-waypoint
4,046Ver en GitHubreact-waypoint es un componente de React y herramienta de seguimiento de viewport que ejecuta funciones basadas en la visibilidad de un nodo DOM dentro de un área desplazable. Monitorea cuándo los elementos entran o salen del viewport del navegador o de un contenedor de scroll especificado para disparar callbacks. El proyecto permite la implementación de scroll infinito, carga diferida de activos y animaciones disparadas por scroll. Permite definiciones de contenedores de scroll personalizados y configuraciones de límites de viewport usando offsets para determinar exactamente cuándo se disparan los eventos. La herramienta proporciona seguimiento de posición de elementos y monitoreo de visibilidad tanto para scroll vertical como horizontal. Incluye control de sensibilidad de disparo y limitación de eventos para gestionar la ejecución de callbacks durante el scroll rápido.
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,083Ver en GitHubThis 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
