common useScrollHandler.tsx

0% Statements 0/8

0% Branches 0/2

0% Functions 0/4

0% Lines 0/8

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { useEffect } from "react";
 
const useScrollHandler = () => {
  // This function handles the scroll event and prevents the default browser behavior
  // made to disable the elastic scroll of browsers
  useEffect(() => {
    const handleScroll = (event: any) => {
      event.preventDefault();
      document.documentElement.scrollTop =
        window.pageYOffset || document.documentElement.scrollTop;
    };
 
    document.addEventListener("scroll", handleScroll, { passive: false });
 
    return () => {
      document.removeEventListener("scroll", handleScroll);
    };
  }, []);
};
 
export default useScrollHandler;