IntersectionObserver: root property
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 root của giao diện IntersectionObserver xác định Element hoặc Document có ranh giới được dùng làm bounding box của viewport cho phần tử là đích của trình quan sát.
Nếu root là null, thì ranh giới của viewport tài liệu thực tế sẽ được sử dụng.
Giá trị
Một đối tượng Element hoặc Document có hộp giới hạn được dùng làm ranh giới của viewport để xác định bao nhiêu phần của phần tử đích hiển thị.
Giao điểm của hình chữ nhật giới hạn này, được bù bởi bất kỳ lề nào được chỉ định trong các tùy chọn truyền vào hàm khởi tạo IntersectionObserver(), ranh giới của phần tử đích, trừ đi ranh giới của mọi phần tử hoặc đối tượng khác chồng lên phần tử đích, được coi là vùng hiển thị của phần tử đích.
Nếu root là null, thì tài liệu sở hữu được dùng làm gốc, và ranh giới viewport của nó (tức là vùng hiển thị của tài liệu) được dùng làm ranh giới gốc.
Ví dụ
Ví dụ này đặt border của phần tử gốc của trình quan sát giao nhau thành một đường màu xanh lá cây dày 2 pixel.
observer.root.style.border = "2px solid #44aa44";
Thông số kỹ thuật
| Specification |
|---|
| Intersection Observer # dom-intersectionobserver-root |