IntersectionObserver: trackVisibility property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Thuộc tính chỉ đọc trackVisibility của giao diện IntersectionObserver cho biết liệu trình quan sát có đang theo dõi khả năng hiển thị của đích ngoài các giao nhau phần tử hay không.

Giá trị

true nếu khả năng hiển thị đang được theo dõi để tính toán giao nhau, và false trong trường hợp khác.

Giá trị được đặt bằng đối số option.trackVisibility trong hàm khởi tạo IntersectionObserver().

Mô tả

Khi không theo dõi khả năng hiển thị, trình quan sát cung cấp thông báo khi phần tử đích được cuộn vào viewport của phần tử gốc. Tuy nhiên, điều này không cho bạn biết liệu phần tử đích có bị suy giảm khả năng hiển thị hay không, nó có thể bị che một phần bởi một phần tử khác, có độ mờ giảm, hoặc bị biến dạng bởi bộ lọc, phép biến đổi, hoặc một số sửa đổi khác.

Khi theo dõi khả năng hiển thị, chỉ các phần tử mà trình duyệt cho là hiển thị mới được hiển thị là đang giao nhau. Thuật toán có tính bảo thủ và có thể bỏ qua các phần tử kỹ thuật vẫn hiển thị, chẳng hạn như những phần tử chỉ giảm độ mờ một chút.

Lưu ý rằng việc tính toán khả năng hiển thị tốn kém về mặt tính toán. Để tránh thao tác chạy quá thường xuyên, một delay được dùng để giới hạn khoảng thời gian báo cáo tối thiểu.

Thông số kỹ thuật

Specification
Intersection Observer
# dom-intersectionobserver-trackvisibility

Tương thích trình duyệt

Xem thêm