Значение порогов наблюдателя пересечения не работает
Опция Thresholds в Intersection Observer, похоже, не работает.
Чтобы получить больше контекста, мои элементы списка отображаются в окне просмотра, и я хочу, чтобы каждый элемент наблюдал на обозревателе пересечения области просмотра. Дело в том, что мне нужно наблюдать их с шагом 25%. Оба, когда они попадают в область просмотра и / или выходят из области просмотра.
В соответствии с документацией представляется, что предоставление порогового массива как [0, 0.25, 0.50. 0.75, 1] должен выполнить работу, но на самом деле это не имеет никакого значения, чем присвоение ему значения 0 или 1. Я хочу наблюдать изменения каждый раз, когда пересечение элемента увеличивается или уменьшается на 25% в моем представлении прокрутки.
Вы можете проверить мой код на - https://codesandbox.io/s/rm46m1qy7o
Я использую Chrome v72 на Windows 10.
1 ответ
Для всех, кто приходит сюда из-за того, что их пороговое значение не работает, я упомяну еще одну причуду, которая смутила меня на секунду...
Если это всего лишь одно значение, это должен быть примитивный тип данных. (например, {threshold: 0,1}) Если у вас есть только одно значение и вы поместите его в массив (например, {threshold: [0,1]}), это не сработает.
Но для нескольких значений нужен массив.
Ответ довольно прост. thresholds это свойство только для чтения. То, что мы передаем в конструктор threshold, Кредиты @David784 за ответ.