IntersectionObserver:thresholds 属性

基线 广泛可用

此功能已得到良好确立,并在许多设备和浏览器版本上都能正常工作。它自以下时间起在浏览器中可用: 2019 年 3 月.

IntersectionObserver 接口的只读 thresholds 属性返回在使用 IntersectionObserver() 实例化观察器时指定的交集阈值列表。如果在实例化对象时只提供了一个阈值比率,则这将是一个包含该单个值的数组。

请参阅 Intersection Observer 页面以了解阈值的工作原理。

一个交集阈值数组,最初在实例化观察器时使用 threshold 属性指定。如果只指定了一个观察器,而不在数组中,则此值为包含该阈值的一个条目数组。无论您最初的 threshold 数组的顺序如何,此数组始终按数字递增顺序排序。

如果在使用 IntersectionObserver() 实例化观察器时未包含 threshold 选项,则 thresholds 的值为 [0]

注意: 尽管您可以在创建 IntersectionObserver 时指定的 options 对象有一个名为 threshold 的字段,但此属性称为 thresholds。令人困惑吗?是的。如果您不小心在 options 中将 thresholds 用作字段名称,则 thresholds 数组最终将为 [0.0],这可能不是您期望的结果。调试混乱可能会随之而来。

规范

规范
Intersection Observer
# dom-intersectionobserver-thresholds

浏览器兼容性

BCD 表格仅在浏览器中加载