Awesome GitHub RepositoriesIntersection Observer Wrappers

in-view is a DOM visibility detector and intersection observer wrapper. It serves as a viewport transition handler that triggers callbacks and events when specific screen elements enter or exit the browser window. The library provides a system for configuring visibility criteria using pixel offsets, percentages, or custom test functions. It includes utilities for observing visibility changes, performing manual visibility evaluations, and checking the current status of an element within the visible area. These capabilities support application patterns such as lazy loading, infinite scrolling,

react-waypoint este un set de componente și wrappere React concepute pentru a executa callback-uri atunci când anumite elemente DOM intră sau ies din zona vizibilă a ecranului. Acesta funcționează ca un tracker de vizibilitate a viewport-ului care monitorizează când elementele traversează limite spațiale predefinite. Proiectul oferă o componentă de declanșare la scroll și un wrapper de evenimente care permit configurații de offset personalizate pentru a ține cont de elementele UI fixe. Aceste instrumente pot fi configurate să utilizeze un nod DOM specific sau fereastra globală ca strămoș scrollabil pentru calculele de vizibilitate. Biblioteca acoperă mai multe tipare de implementare, inclusiv scroll infinit, încărcarea leneșă (lazy loading) a conținutului și animații declanșate la scroll. Gestionează aceste acțiuni prin monitorizarea vizibilității elementelor și declanșarea funcțiilor bazate pe intersecția dintre bounding box-ul unui element și viewport-ul curent.

ScrollTrigger is a JavaScript library and DOM scroll event manager designed to execute callbacks and toggle CSS classes when elements enter or exit the browser viewport. It functions as a high-level interface for the Intersection Observer API and a system for initiating visual transitions and asynchronous tasks based on an element's position relative to the viewport. The tool allows for the definition of precise trigger points using pixel or percentage offsets to control exactly when events fire. It manages scroll-driven visual animations and lazy loading implementations by tracking visibilit

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