useOverlayScrollListener

親要素のスクロールイベントを監視します。

インポート#


import { useOverlayScrollListener } from 'primereact/hooks';

基本#

ボタンの祖先コンポーネントがスクロールされると、オーバーレイが非表示になります。これは、オーバーレイがポータルを介してドキュメントボディにアタッチされている場合の配置の問題を回避するのに特に役立ちます。


const [bindOverlayScrollListener, unbindOverlayScrollListener] = useOverlayScrollListener({
    target: buttonRef.current,
    listener: handleScroll,
    options: { passive: true },
    when: visible
});