Intersection Observer API
E856227
The Intersection Observer API is a web browser interface that lets developers efficiently detect and respond to visibility changes of elements within a webpage’s viewport or a scrollable container.
All labels observed (1)
| Label | Occurrences |
|---|---|
| Intersection Observer API canonical | 2 |
How this entity was disambiguated
This entity first appeared as the object of triple T10329249 — resolving that mention is where its identity was fixed. The disambiguator weighed these candidate entities and picked the highlighted one (or “None”, minting a new entity). This is how homonymy is resolved: the same surface form can point to different entities.
Target entity: Intersection Observer API Context triple: [Open Web Platform, hasComponent, Intersection Observer API]
-
A.
CSSOM View Module
The CSSOM View Module is a W3C specification that defines APIs for reading and manipulating the visual view of a document, including element geometry, scrolling, and viewport-related information in CSS and JavaScript.
-
B.
Web performance API
The Web performance API is a set of browser interfaces that enable precise measurement, analysis, and optimization of web page and application performance.
-
C.
CSS Scroll Snap Module
The CSS Scroll Snap Module is a web standard that enables precise, snap-based scrolling behavior for scroll containers and their child elements in modern browsers.
-
D.
CSS Containment Module Level 1
CSS Containment Module Level 1 is a W3C CSS specification that defines mechanisms for isolating a subtree of the DOM to improve rendering performance and predictability of layout, style, and paint.
-
E.
Chrome Web Platform features
Chrome Web Platform features are the set of modern web capabilities and APIs integrated into the Chrome browser to enable powerful, performant, and secure web applications.
- F. None of above. chosen
- G. Unsure - the case is ambiguous/there is not enough information to decide.
Target entity: Intersection Observer API Target entity description: The Intersection Observer API is a web browser interface that lets developers efficiently detect and respond to visibility changes of elements within a webpage’s viewport or a scrollable container.
-
A.
CSSOM View Module
The CSSOM View Module is a W3C specification that defines APIs for reading and manipulating the visual view of a document, including element geometry, scrolling, and viewport-related information in CSS and JavaScript.
-
B.
Web performance API
The Web performance API is a set of browser interfaces that enable precise measurement, analysis, and optimization of web page and application performance.
-
C.
CSS Scroll Snap Module
The CSS Scroll Snap Module is a web standard that enables precise, snap-based scrolling behavior for scroll containers and their child elements in modern browsers.
-
D.
CSS Containment Module Level 1
CSS Containment Module Level 1 is a W3C CSS specification that defines mechanisms for isolating a subtree of the DOM to improve rendering performance and predictability of layout, style, and paint.
-
E.
Chrome Web Platform features
Chrome Web Platform features are the set of modern web capabilities and APIs integrated into the Chrome browser to enable powerful, performant, and secure web applications.
- F. None of above. chosen
Statements (50)
| Predicate | Object |
|---|---|
| instanceOf |
Browser API
ⓘ
JavaScript API ⓘ Web API ⓘ |
| accessibleFrom | Window context in web pages ⓘ |
| callbackInvokedWhen | Intersection of target and root crosses a threshold ⓘ |
| callbackReceives |
Array of IntersectionObserverEntry objects
ⓘ
Observer instance ⓘ |
| category | DOM and layout APIs NERFINISHED ⓘ |
| definedIn | Intersection Observer specification NERFINISHED ⓘ |
| designedFor | Efficient observation of multiple elements ⓘ |
| documentationAvailableAt | MDN Web Docs NERFINISHED ⓘ |
| enables |
Efficient scroll-based effects without scroll event listeners
ⓘ
Infinite scrolling implementations ⓘ Lazy loading of images and other content ⓘ Reporting ad viewability ⓘ Triggering animations when elements enter the viewport ⓘ |
| executionEnvironment | Web browser ⓘ |
| exposesInterface |
IntersectionObserver
NERFINISHED
ⓘ
IntersectionObserverEntry NERFINISHED ⓘ |
| exposesMethod |
IntersectionObserver.constructor()
ⓘ
IntersectionObserver.disconnect() NERFINISHED ⓘ IntersectionObserver.observe() NERFINISHED ⓘ IntersectionObserver.takeRecords() NERFINISHED ⓘ IntersectionObserver.unobserve() NERFINISHED ⓘ |
| hasPolyfills | Yes ⓘ |
| improves | Performance compared to scroll and resize event polling ⓘ |
| introducedTo |
Provide declarative visibility observation
ⓘ
Reduce need for manual scroll event handling ⓘ |
| keyConcept |
Bounding client rectangle
ⓘ
Intersection ratio ⓘ Root intersection rectangle ⓘ Target element visibility ⓘ |
| languageBinding | JavaScript NERFINISHED ⓘ |
| partOf | Web Platform NERFINISHED ⓘ |
| primaryPurpose |
Detect visibility changes of target elements
ⓘ
Observe intersections between elements and a root viewport or container ⓘ |
| reduces | Main thread overhead for visibility detection ⓘ |
| relatedTo |
Mutation Observer API
NERFINISHED
ⓘ
Resize Observer API NERFINISHED ⓘ |
| standardizedBy | W3C NERFINISHED ⓘ |
| supportedIn |
Modern desktop browsers
ⓘ
Modern mobile browsers ⓘ |
| supportsOption |
root
ⓘ
rootMargin ⓘ threshold ⓘ |
| supportsRootType |
Scrollable element as custom root
GENERATED
ⓘ
Viewport as default root GENERATED ⓘ |
| usableWith |
Frameworks like React, Vue, Angular
ⓘ
Single-page applications ⓘ |
| usesCallback | IntersectionObserverCallback ⓘ |
How these facts were elicited
The pipeline generated the facts above by prompting gpt-5.1 with this entity's name + description and the instruction below.
You are a knowledge base construction expert. Given a subject entity and a description of it, return factual statements that you know for the subject as a JSON list of dictionaries(triples), where keys must be "subject", "predicate" and "object". The number of facts may be very high, between 25 to 50 or more, for very popular subjects. For less popular subjects, the number of facts can be very low, like 5 or 10. # Requirements - If you don't know the subject at all, return an empty list. - If the subject is not a named entity, return an empty list. - Include at least one triple where predicate is "instanceOf". - Do not get too wordy. - Separate several objects into multiple triples with one object.
Subject: Intersection Observer API Description of subject: The Intersection Observer API is a web browser interface that lets developers efficiently detect and respond to visibility changes of elements within a webpage’s viewport or a scrollable container.
Referenced by (2)
Full triples — surface form annotated when it differs from this entity's canonical label.