IntersectionObserverEntry: thuộc tính intersectionRect
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019.
Thuộc tính chỉ đọc intersectionRect của giao diện IntersectionObserverEntry là một đối tượng DOMRectReadOnly mô tả hình chữ nhật nhỏ nhất chứa toàn bộ phần của phần tử đích hiện đang hiển thị trong root giao nhau.
Giá trị
Một DOMRectReadOnly mô tả phần của phần tử đích hiện đang hiển thị trong hình chữ nhật giao nhau của root.
Hình chữ nhật này được tính bằng cách lấy giao của boundingClientRect với hình chữ nhật clip của từng tổ tiên của target, ngoại trừ chính root của intersection root.
Ví dụ
Trong ví dụ đơn giản này, callback giao nhau lưu hình chữ nhật giao nhau lại để dùng sau trong code vẽ nội dung của các phần tử đích, որպեսզի chỉ vùng hiển thị được vẽ lại.
function intersectionCallback(entries) {
entries.forEach((entry) => {
refreshZones.push({
element: entry.target,
rect: entry.intersectionRect,
});
});
}
Thông số kỹ thuật
| Specification |
|---|
| Intersection Observer # dom-intersectionobserverentry-intersectionrect |