web.observers.IntersectionObserverEntry — clojure-interop/cljs-web-api 1.0.10

The IntersectionObserverEntry interface of the Intersection Observer describes the intersection between the target element and its container at a specific moment of transition.

bounding-client-rect cljs

(bounding-client-rect this)

Property.

[Read Only] [Experimental]

The web.observers.IntersectionObserverEntry interface's read-only property returns a web.dom.DOMRectReadOnly which in essence a rectangle describing the smallest rectangle that contains the target element.

var boundsRect = IntersectionObserverEntry.boundingClientRect;

See also: https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry/boundingClientRect

intersection-ratio cljs

(intersection-ratio this)

Property.

[Read Only] [Experimental]

The web.observers.IntersectionObserverEntry interface's read-only property tells you how much of the target element is currently within the root's intersection ratio, as a value between 0.0 1.0.

var intersectionRatio = IntersectionObserverEntry.intersectionRatio;

See also: https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry/intersectionRatio

intersection-rect cljs

(intersection-rect this)

Property.

[Read Only] [Experimental]

The web.observers.IntersectionObserverEntry interface's read-only property is a web.dom.DOMRectReadOnly object which describes smallest rectangle that contains the entire portion of the target which is currently visible within the intersection root.

var intersectionRect = IntersectionObserverEntry.intersectionRect;

See also: https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry/intersectionRect

is-intersecting cljs

(is-intersecting this)

Property.

[Read Only] [Experimental]

The web.observers.IntersectionObserverEntry interface's read-only property is a Boolean value which is true if the target element with the intersection observer's root. If this is true, then, IntersectionObserverEntry describes a transition into a state intersection; if it's false, then you know the transition is intersecting to not-intersecting.

var isIntersecting = IntersectionObserverEntry.isIntersecting;

See also: https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry/isIntersecting

root-bounds cljs

(root-bounds this)

Property.

[Read Only] [Experimental]

The web.observers.IntersectionObserverEntry interface's read-only property is a web.dom.DOMRectReadOnly corresponding to the root intersection rectangle, offset by the IntersectionObserver.rootMargin one is specified.

var rootBounds = IntersectionObserverEntry.rootBounds;

See also: https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry/rootBounds

target cljs

(target this)

Property.

[Read Only] [Experimental]

The web.observers.IntersectionObserverEntry interface's read-only property indicates which targeted web.Element has changed its of intersection with the intersection root.

var target = IntersectionObserverEntry.target;

See also: https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry/target

time cljs

(time this)

Property.

[Read Only] [Experimental]

The web.observers.IntersectionObserverEntry interface's read-only property is a web.dom.DOMHighResTimeStamp that indicates the at which the intersection change occurred relative to the time which the document was created.

var time = IntersectionObserverEntry.time;

See also: https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry/time