intersect-events
'intersect-events' add intersection events to dom elements.
Install
npm i --save-dev intersect-events
Usage
import addIntersectEvents from 'intersect-events';
const el: HTMLElement = document.querySelector('#id');
const observer: IntersectionObserver = addIntersectEvents(el);
el.addEventListener('intersect', (e): void => {
// do something
});
el.addEventListener('intersectEnter', (e): void => {
// do something
});
el.addEventListener('intersectLeave', (e): void => {
// do something
});
Syntax
const observer: IntersectionObserver = addIntersectEvents(el[, options]);
Events
el.addEventListener(intersectEvents, callback);
intersect
: This event is fired at an Element when the percentage of the target element is visible crosses a threshold.
intersectEnter
: This event is fired at an Element when the percentage of the target element is visible crosses a threshold and intersectionObserverEntry.isIntersectiong
is true
.
intersectLeave
: This event is fired at an Element when the percentage of the target element is visible crosses a threshold and intersectionObserverEntry.isIntersectiong
is false
.