useScrollLock

useScrollLock is a custom hook to lock and unlock page scrolling.
Preserves the scroll position on lock and unlock
Avoids page width changes


Usage

Backdrop utility component is using useScrollLock internally, so you don't have to worry about the scrolling if you're displaying content inside the Backdrop.

Locking page scrolling is something you would usually do when you show content on top of the page and need to avoid the user scrolling the background until it's closed. You can try the following demo to see how it works:

Arguments and return value

Previous