2 repositorios
Fires user-defined callbacks when step elements enter or exit a configurable viewport threshold during scrolling.
Distinct from Scroll Lifecycle Callbacks: Distinct from Scroll Lifecycle Callbacks: triggers on viewport threshold crossing for step elements, not at animation lifecycle start/end points.
Explore 2 awesome GitHub repositories matching user interface & experience · Step Enter-Exit Callbacks. Refine with filters or upvote what's useful.
Scrollama is a JavaScript library for scroll-driven storytelling that uses the browser's native IntersectionObserver API to trigger step-based callbacks and animations as the user scrolls through a page. It pins graphic elements using CSS sticky positioning while scrolling through associated text steps, enabling side-by-side narrative experiences without JavaScript-driven layout calculations. The library provides a configurable offset threshold system that accepts a single global offset or per-element data-attribute offsets to define the viewport position that triggers step events. It reports
Fires enter and exit callbacks when step elements cross configurable viewport thresholds.
react-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.
Fires user-defined callbacks when elements cross configurable viewport thresholds during vertical or horizontal scrolling.