Preserves the scroll position on lock and unlock
Avoids page width changes


Backdrop utility component is using useScrollLock internally, so you don't have to worry about the scrolling if you're displaying the 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