IntersectionObserver: свойство rootMargin

Чтение только свойство rootMargin интерфейса IntersectionObserver — это строка с синтаксисом, аналогичным свойству CSS margin. Каждый край прямоугольника, представленного rootMargin, добавляется к соответствующему краю в области root элемента до выполнения теста пересечения. Это позволяет, например, расширить границы, чтобы целевой элемент считался 100% видимым, даже если определенное количество пикселей по ширине или высоте обрезано, или считать целевой элемент частично скрытым, если край слишком близок к краю области root.

См. как рассчитывается пересечение для более подробного взгляда на область rootMargin и её работе с областью root.

Строка, отформатированная аналогично значению свойства CSS margin, содержащая смещения для одного или нескольких сторон области root. Эти смещения добавляются к соответствующим значениям в области root перед вычислением пересечения между полученным прямоугольником и границами целевого элемента.

Строка, возвращаемая этим свойством, может не совпадать с заданной при создании объекта IntersectionObserver. Браузеру разрешено изменять значения.

Если rootMargin не было указано при создании объекта, оно по умолчанию равно строке "0px 0px 0px 0px", что означает, что пересечение будет вычисляться между немодифицированным прямоугольником области root и областью целевого элемента. Как рассчитывается пересечение описывает, как используется rootMargin более подробно.