IntersectionObserver: свойство root
Базовая Широко поддерживается
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2019 года.
Только для чтения root свойство интерфейса IntersectionObserver определяет Element или Document, границы которых рассматриваются как прямоугольник области видимости для элемента, являющегося целевым элементом наблюдателя.
Если root равно null, то используются границы фактической области видимости документа.
Значение
Объект Element или Document, чья граница используется как граница области видимости для определения того, какая часть целевого элемента видна. Пересечение этого прямоугольника, смещённого на любое значение отступов, указанное в параметрах, переданных конструктору IntersectionObserver(), границами целевого элемента, за вычетом границ каждого элемента или другого объекта, который перекрывает целевой элемент, считается видимой областью целевого элемента.
Если root равно null, то в качестве корня используется документ владельца, а в качестве границ корня используются границы его области видимости (то есть, видимая область документа).
Примеры
В этом примере установлена border элемента корня наблюдателя пересечения в виде 2-пиксельной средней зеленой линии.
observer.root.style.border = "2px solid #44aa44";
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari в IOS | Samsung Internet | WebView Android | |
root |
51 | 15 | 55 | 38 | 12.1 | 51 | 55 | 41 | 12.2 | 5.0 | 51 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/root
