Draft This page is not complete.
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 instanitating the object, this will be an array containing that single value.
See Thresholds in Intersection Observer API to learn how thresholds work.
Syntax
var thresholds = IntersectionObserver.thresholds;
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 simply [0]
.
Be careful! 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 simply [0.0]
, which is likely not what you expect. Debugging chaos may ensue.
Examples
<<<...>>>
Specifications
Specification | Status | Comment |
Intersection ObserverThe definition of 'IntersectionObserver.thresholds' in that specification. | Working Draft | Initial definition |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Chrome
Full support 51 |
Edge
Full support 15 |
Firefox Full support 55 Full support 55 No support 53 — 55 Disabled' From version 53 until version 55 (exclusive): this feature is behind the |
IE
No support No |
Opera
Full support Yes |
Safari
Full support 12.1 |
WebView Android
Full support 51 |
Chrome Android
Full support 51 |
Firefox Android
? |
Opera Android
? |
Safari iOS
Full support 12.2 |
Samsung Internet Android
Full support 5.0 |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- Experimental. Expect behavior to change in the future.'
- Experimental. Expect behavior to change in the future.
- User must explicitly enable this feature.'
- User must explicitly enable this feature.
IntersectionObserver.thresholds by Mozilla Contributors is licensed under CC-BY-SA 2.5.