IntersectionObserver: thresholds property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019.
The IntersectionObserver interface's read-only
thresholds property returns the list of intersection
thresholds that was specified when the observer was instantiated with
IntersectionObserver(). If
only one threshold ratio was provided when instantiating the object, this will be an
array containing that single value.
See the Intersection Observer page to learn how thresholds work.
Value
An array of intersection thresholds, originally specified using the
threshold property when instantiating the observer. If only one observer
was specified, without being in an array, this value is a one-entry array containing
that threshold. Regardless of the order your original threshold array was
in, this one is always sorted in numerically increasing order.
If no threshold option was included when
IntersectionObserver() was used to instantiate the observer, the value of
thresholds is [0].
Note:
Although the options object you can specify when creating an
IntersectionObserver has a field named
threshold, this property is called
thresholds. Confusing? Yes. If you accidentally use
thresholds as the name of the field in your options, the
thresholds array will wind up being [0.0], which is likely
not what you expect. Debugging chaos may ensue.
Specifications
| Specification |
|---|
| Intersection Observer # dom-intersectionobserver-thresholds |
Browser compatibility
BCD tables only load in the browser