Awesome GitHub RepositoriesIntersection Observer Wrappers

in-view est un détecteur de visibilité DOM et un wrapper d'intersection observer. Il sert de gestionnaire de transition de fenêtre d'affichage qui déclenche des rappels et des événements lorsque des éléments d'écran spécifiques entrent ou sortent de la fenêtre du navigateur. La bibliothèque fournit un système pour configurer les critères de visibilité en utilisant des décalages de pixels, des pourcentages ou des fonctions de test personnalisées. Elle inclut des utilitaires pour observer les changements de visibilité, effectuer des évaluations de visibilité manuelles et vérifier le statut actuel d'un élément au sein de la zone visible. Ces capacités soutiennent des patterns d'application tels que le chargement différé (lazy loading), le défilement infini, les animations pilotées par le défilement et l'analyse de l'engagement des utilisateurs.

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.

ScrollTrigger est une bibliothèque JavaScript et un gestionnaire d'événements de défilement DOM conçu pour exécuter des callbacks et basculer des classes CSS lorsque des éléments entrent ou sortent de la fenêtre d'affichage (viewport) du navigateur. Il fonctionne comme une interface de haut niveau pour l'API Intersection Observer et un système pour initier des transitions visuelles et des tâches asynchrones basées sur la position d'un élément par rapport au viewport. L'outil permet de définir des points de déclenchement précis en utilisant des offsets en pixels ou en pourcentage pour contrôler exactement quand les événements se déclenchent. Il gère les animations visuelles basées sur le défilement et les implémentations de chargement différé (lazy loading) en suivant les seuils de visibilité. La bibliothèque fournit des capacités de surveillance de l'activité de défilement, comme le suivi du début, de l'arrêt ou du changement de direction du défilement. Elle prend également en charge le déclenchement d'événements de viewport pour exécuter des fonctions personnalisées ou des promesses lorsque les éléments franchissent des coordonnées spécifiques.

Sal is a lightweight vanilla JavaScript library designed to trigger CSS animations and execute custom logic as elements enter the browser viewport. It serves as a programmatic wrapper for the Intersection Observer API, providing a viewport trigger system to handle visibility thresholds and scroll-based animations. The library operates as a dependency-free frontend tool that manages animations through a class-based trigger mechanism and the injection of CSS custom properties. It includes a system for tracking dynamic content, allowing the observer to be updated to include new elements injected