useIntersectionObserver

要素が親要素のビューポートに入ったときにコールバックを実行します。

インポート#


import { useIntersectionObserver } from 'primereact/hooks';

子要素を表示するために親要素をスクロールします。

非表示


const elementRef = useRef(null);
const visible = useIntersectionObserver(elementRef);

thresholdオプションは、要素のどの程度の割合が表示されるべきかを定義します。例えば、0.5は、要素の少なくとも半分が表示される必要があることを意味します。

非表示


const elementRef = useRef(null);
const visible = useIntersectionObserver(elementRef, { threshold: 0.5 });