1 Repo
Tracking whether a DOM element is visually obscured by other elements.
Distinct from Hidden Element Selectors: Focuses on runtime occlusion detection, whereas Hidden Element Selectors is a design-time utility.
Explore 1 awesome GitHub repository matching user interface & experience · Occlusion Tracking. Refine with filters or upvote what's useful.
react-intersection-observer ist eine React-Implementierung der Intersection Observer API, die darauf ausgelegt ist, zu verfolgen, wann DOM-Elemente in den Browser-Viewport eintreten oder ihn verlassen. Sie bietet einen Wrapper und eine Reihe von Hooks zur Überwachung der Sichtbarkeit von Elementen und zum Auslösen von Callbacks, wenn Inhalte für den Benutzer sichtbar werden. Die Bibliothek enthält einen Mechanismus zur Erkennung von DOM-Okklusion, um festzustellen, ob ein Element von anderen Komponenten verdeckt oder durch CSS-Filter ausgeblendet wird. Sie verfügt zudem über einen Polyfill-Wrapper, der Sichtbarkeits-Fallbacks für Browser bietet, die keine nativen Intersection-Observer-Funktionen unterstützen. Das Projekt deckt verschiedene Funktionen zur Sichtbarkeitsverfolgung ab, einschließlich zustandssynchronisierter Updates für Komponenten-Re-Renders und nicht-rendernder Überwachung, um Callbacks auszuführen, ohne den Zustand zu aktualisieren. Diese Tools unterstützen die Implementierung von Infinite Scrolling, Lazy Loading von Assets und scrollbasierten Animationen.
Tracks whether a DOM element is covered by another element or hidden by filters.