Przejdź do treści głównej

IntersectionObserverEntry 🧪

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

Nieoficjalne Tłumaczenie Beta

Ta strona została przetłumaczona przez PageTurner AI (beta). Nie jest oficjalnie zatwierdzona przez projekt. Znalazłeś błąd? Zgłoś problem →

Canary 🧪

To API jest obecnie dostępne tylko w kanałach Canary i Experimental React Native.

Jeśli chcesz je wypróbować, włącz kanał Canary w swojej aplikacji.

Interfejs IntersectionObserverEntry zdefiniowany w specyfikacjach sieciowych. Opisuje przecięcie między elementem docelowym a jego kontenerem głównym w konkretnym momencie przejścia.

Instancje IntersectionObserverEntry są dostarczane do callbacku IntersectionObserver w parametrze entries.

Dokumentacja

Właściwości instancji​

boundingClientRect​

Zobacz dokumentację w MDN.

Zwraca prostokąt graniczny elementu docelowego jako DOMRectReadOnly.

intersectionRatio​

Zobacz dokumentację w MDN.

Zwraca stosunek intersectionRect do boundingClientRect.

intersectionRect​

Zobacz dokumentację w MDN.

Zwraca DOMRectReadOnly reprezentujący widoczną część elementu docelowego.

isIntersecting​

Zobacz dokumentację w MDN.

Wartość logiczna równa true, jeśli element docelowy przecina się z korzeniem obserwatora przecięć. Gdy wynosi true, IntersectionObserverEntry opisuje przejście w stan przecięcia; jeśli false, oznacza przejście ze stanu przecięcia do braku przecięcia.

rnRootIntersectionRatio ⚠️​

Niestandardowe

To rozszerzenie specyficzne dla React Native.

Zwraca stosunek intersectionRect do rootBounds.

ts
get rnRootIntersectionRatio(): number;

Analogicznie do intersectionRatio, ale obliczany względem prostokątu granicznego korzenia zamiast elementu docelowego. Odpowiada opcji rnRootThreshold i pozwala określić, jaki procent obszaru korzenia pokrywa element docelowy.

rootBounds​

Zobacz dokumentację w MDN.

Zwraca DOMRectReadOnly dla korzenia obserwatora przecięć.

target​

Zobacz dokumentację w MDN.

Element, którego przecięcie z korzeniem uległo zmianie.

time​

Zobacz dokumentację w MDN.

DOMHighResTimeStamp wskazujący czas rejestracji przecięcia, względem punktu początkowego czasu IntersectionObserver.