useLockBodyScroll
Stop the page behind a modal, drawer or menu from scrolling. Nested locks are counted, and the scrollbar width is padded so the layout does not shift.
- Level
- Basic
- Since
- v1.0.0
import {useLockBodyScroll} from '@zenuilabs/react-hooks';Loading demo_
More in Events & DOM
Events & DOMBasicuseClickOutsideCall a function when the user presses anywhere outside an element. Use it to close menus, popovers and dialogs.Events & DOMIntermediateuseEventAttach an event listener to the window, the document, an element or a ref, and remove it on unmount. The listener can change on every render without re-subscribing.Events & DOMBasicuseHoverTrack whether the pointer is over an element. Use it for previews, tooltips and hover styles that need JavaScript.