Awesome GitHub RepositoriesScroll Wrapper Components

react-waypoint est un ensemble de composants et de wrappers React conçus pour exécuter des rappels (callbacks) lorsque des éléments DOM spécifiques entrent ou sortent de la zone visible de l'écran. Il fonctionne comme un tracker de visibilité de viewport qui surveille quand les éléments franchissent des limites spatiales prédéfinies. Le projet fournit un composant de déclenchement de défilement et un wrapper d'événement qui permettent des configurations de décalage personnalisées pour tenir compte des éléments d'interface fixes. Ces outils peuvent être configurés pour utiliser un nœud DOM spécifique ou la fenêtre globale comme ancêtre défilable pour les calculs de visibilité. La bibliothèque couvre plusieurs modèles d'implémentation, notamment le défilement infini, le chargement différé (lazy loading) de contenu et les animations déclenchées par le défilement. Elle gère ces actions en surveillant la visibilité des éléments et en déclenchant des fonctions basées sur l'intersection de la boîte englobante d'un élément et du viewport actuel.

This 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

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