No commit message

upvorg · Aug 10, 2024 · 0309d1e · 0309d1e
1 parent 744856e
commit 0309d1e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/index/src/components/layout/index.tsx b/packages/index/src/components/layout/index.tsx
@@ -1,5 +1,6 @@
 import { useEffect, PropsWithChildren, Suspense } from 'react'
 import { Route, RouteProps } from 'wouter'
+import { debounce } from '@web/shared/utils/schedulers'
 import Header from '../header'
 import './index.scss'
 
@@ -9,15 +10,15 @@ const IndexLayout: React.FC<PropsWithChildren<any>> = (props) => {
   useEffect(() => {
     const header = document.querySelector('.upv-header__bar')!
 
-    const scrollHandler = (_: Event) => {
+    const scrollHandler = debounce((_: Event) => {
       const scrollTop = $root.scrollTop
 
       if (scrollTop >= 222) {
         header.classList.add('fixed-header')
       } else {
         header.classList.remove('fixed-header')
       }
-    }
+    }, 200)
 
     $root.addEventListener('scroll', scrollHandler)
     return () => {