3 repositorios
Awesome GitHub RepositoriesScroll Wrapper Components
React components that wrap elements to provide scroll-position tracking and event triggering.
Distinct from Scroll Event Controllers: Focuses on React component wrappers specifically for scroll event monitoring rather than general event controllers.
Explore 3 awesome GitHub repositories matching user interface & experience · Scroll Wrapper Components. Refine with filters or upvote what's useful.
Awesome Scroll Wrapper Components GitHub Repositories
Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
- brigade/react-waypoint
brigade/react-waypoint
4,047Ver en GitHubreact-waypoint es un conjunto de componentes y wrappers de React diseñados para ejecutar callbacks cuando elementos específicos del DOM entran o salen del área visible de la pantalla. Funciona como un rastreador de visibilidad del viewport que monitorea cuándo los elementos cruzan límites espaciales predefinidos. El proyecto proporciona un componente de disparo de scroll y un wrapper de eventos que permiten configuraciones de desplazamiento personalizadas para tener en cuenta elementos de UI fijos. Estas herramientas pueden configurarse para usar un nodo DOM específico o la ventana global como el ancestro desplazable para los cálculos de visibilidad. La biblioteca cubre varios patrones de implementación, incluyendo scroll infinito, carga diferida de contenido y animaciones disparadas por scroll. Gestiona estas acciones monitoreando la visibilidad del elemento y disparando funciones basadas en la intersección de la caja delimitadora del elemento y el viewport actual.
Provides React wrappers that trigger actions based on element position relative to the window during scrolling.
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
Tracks scroll offsets and movement patterns using hooks to build custom interactions.
TypeScriptcomponentinfinite-listsinfinite-scroll - rrutsche/react-parallax
rrutsche/react-parallax
React Parallax is a React animation component library that creates multi-speed scrolling background depth effects. It computes relative scroll positions within viewports to translate raw page offsets into normalized animation progress values, applying hardware-accelerated translation and scaling styles to DOM nodes for smooth visual movement. The library supports rendering background images and arbitrary visual elements that shift positions at different speeds relative to foreground content. It provides dynamic Gaussian blur filter transitions that interpolate based on current scroll velocity
Wraps children in scroll-position tracking components that expose raw percentages for custom visual transformations.
TypeScript
