IntersectionObserverEntry

Базовая поддержка Широко доступна *

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2019 года.

* Некоторые части этой функции могут иметь разную степень поддержки.

Интерфейс IntersectionObserverEntry API наблюдателя пересечения описывает пересечение целевого элемента с его контейнером корня в определенный момент перехода.

Экземпляры IntersectionObserverEntry передаются обратно вызывающей функции IntersectionObserver в параметре entries; в противном случае эти объекты можно получить только вызвав IntersectionObserver.takeRecords().

Свойства экземпляра

IntersectionObserverEntry.boundingClientRect Только для чтения: Возвращает прямоугольник границ целевого элемента в виде DOMRectReadOnly. Границы вычисляются так, как описано в документации для Element.getBoundingClientRect().
IntersectionObserverEntry.intersectionRatio Только для чтения: Возвращает отношение intersectionRect к boundingClientRect.
IntersectionObserverEntry.intersectionRect Только для чтения: Возвращает DOMRectReadOnly, представляющий видимую область целевого элемента.
IntersectionObserverEntry.isIntersecting Только для чтения: Булево значение, которое true , если целевой элемент пересекается с корнем наблюдателя пересечения. Если это true, то IntersectionObserverEntry описывает переход в состояние пересечения; если это false, то переход происходит от пересечения к его отсутствию.
IntersectionObserverEntry.rootBounds Только для чтения: Возвращает DOMRectReadOnly для корня наблюдателя пересечения.
IntersectionObserverEntry.target Только для чтения: Элемент Element, чьё пересечение с корнем изменилось.
IntersectionObserverEntry.time Только для чтения: DOMHighResTimeStamp, указывающий время, в которое было зарегистрировано пересечение, относительно временной точки отсчёта IntersectionObserver.

Методы экземпляра

У этого интерфейса нет методов.

Спецификации

Спецификация
Наблюдатель пересечения # intersection-observer-entry

Совместимость с браузерами

	Десктопные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`IntersectionObserverEntry`	Нет	15–79	Нет	Нет	12.1	Нет	Нет	Нет	12.2	Нет	Нет
`IntersectionObserverEntry`	51	15	55	38	12.1	51	55	41	12.2	5.0	51
`boundingClientRect`	51	15	55	38	12.1	51	55	41	12.2	5.0	51
`intersectionRatio`	51	15	55	38	12.1	51	55	41	12.2	5.0	51
`intersectionRect`	51	15	55	38	12.1	51	55	41	12.2	5.0	51
`isIntersecting`	58	16	55	45	12.1	58	55	43	12.2	7.0	58
`isVisible`	74	79	Нет	62	Нет	74	Нет	53	Нет	11.0	74
`rootBounds`	51	15	55	38	12.1	51	55	41	12.2	5.0	51
`target`	51	15	55	38	12.1	51	55	41	12.2	5.0	51
`time`	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/IntersectionObserverEntry