IntersectionObserverEntry: свойство boundingClientRect
Базовая линия Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2019 года.
Только для чтения свойство интерфейса IntersectionObserverEntry возвращает DOMRectReadOnly, который по сути описывает прямоугольник, содержащий весь целевой элемент.
Значение
DOMRectReadOnly, описывающий наименьший прямоугольник, содержащий все части целевого элемента, изменение пересечения которого описывается. Это значение получено с использованием того же алгоритма, что и Element.getBoundingClientRect(), поэтому для подробного описания того, как именно получается этот прямоугольник и что в него входит, обратитесь к этой статье.
Однако в общем случае можно считать, что это прямоугольник границ целевого элемента.
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
boundingClientRect |
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/boundingClientRect