Function useScrollLock

Custom React hook that disables scrolling for a specified element or window.

This hook listens for scroll events on the specified element or window, and when a scroll event occurs, it resets the scroll position to the top left corner, effectively preventing any scrolling from occurring.

Example

const MyComponent = () => {
  const ref = useRef<HTMLDivElement>(null);

  useScrollLock(ref);

  return <div ref={ref} style={{ overflow: 'auto', height: '200px' }}>Scrollable Content</div>;
};