Scroll lock
Stopping the page behind a modal, sheet or drawer from scrolling while it's open.
Definition
Without it, scrolling inside an overlay scrolls the page underneath instead, and users lose their place.
In practice
Scrolling the open menu on a phone moves the product list behind it, which is a bug.
Learn it in context
Lessons that use this term.
Related terms
- ModalA window that appears on top of the page and blocks the content behind it until it is closed.
- Bottom sheetA panel that slides up from the bottom of the screen with extra content or choices.
- Navigation drawerA panel of destinations that slides in from the side, usually opened by the ☰ (hamburger) button.