usePreventScroll

Prevents scrolling on the document body on mount, and restores it on unmount. Also ensures that content does not shift due to the scrollbars disappearing.

installyarn add @react-aria/overlays
version3.7.3
usageimport {usePreventScroll} from '@react-aria/overlays'

API#


usePreventScroll( (options: PreventScrollOptions )): any

Example#


See useDialog for an example of using usePreventScroll to prevent scrolling on the document body on dialog mount.