交叉路口观察员阈值不起作用

时间:2019-02-17 18:48:48

标签: javascript reactjs intersection-observer

路口观察器中的“阈值”选项似乎不起作用。

为提供更多背景信息,我的列表项在视口中呈现,我希望每个项目都在视口的“相交”观察器上进行观察。问题是,我需要以25%的步幅观察它们。他们进入视口和/或离开视口时都是如此。

根据文档,似乎可以将[0, 0.25, 0.50. 0.75, 1]作为阈值数组来完成工作,但是实际上,将阈值数组的值设置为0或1并没有什么区别。 每当滚动视图中元素的交集增加或减少25%时,我都希望观察变化。

您可以在-https://codesandbox.io/s/rm46m1qy7o

上查看我的代码

我正在Windows 10上使用chrome v72。

2 个答案:

答案 0 :(得分:0)

答案很简单。 thresholds是只读属性。我们在构造函数中传递的是threshold。感谢@ David784的回答。

答案 1 :(得分:0)

对于其他因阈值不起作用而来到这里的人,我会提到另一个使我困惑的怪癖……。

如果只是一个值,则应为原始数据类型。 (即{阈值:0.1})如果只有一个值并将其放在数组中(即{阈值:[0.1]}),它将无法使用。

但是多个值需要一个数组。