useOverlayScrollListener

Monitors scroll event of a parent element.

Import#


import { useOverlayScrollListener } from 'primereact/hooks';

Basic#

When any ancestor component of the button is scrolled, the overlay gets hidden. This is especially useful to avoid alignment issues when the overlay is attached to the document body via a Portal.


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

SUMMER SALE2025

Use coupon code PRSM25 at checkout to get 50% OFF everything in PrimeStore and PrimeBlocks.

Learn More