Merge pull request #493 from tianenpang/fix/docs-navbar-transparent

fix(docs): navbar background transparent after refresh
nextui-org · May 26, 2022 · 02e77b3 · 02e77b3 · github-actions · May 26, 2022
2 parents 3aa92a9 + beb3fa6
commit 02e77b3
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/apps/docs/src/layouts/navbar.tsx b/apps/docs/src/layouts/navbar.tsx
@@ -56,13 +56,14 @@ const Navbar: React.FC<Props> = ({ isHome, hasNotify, routes }) => {
   const router = useRouter();
   const isMobile = useMediaQuery(960);
   const [, setBodyHidden] = useBodyScroll(null, { scrollLayer: true });
-  const [scrollPosition, setScrollPosition] = useState(
-    (typeof window !== 'undefined' && window.pageYOffset) || 0
-  );
+  const [scrollPosition, setScrollPosition] = useState(0);
 
   const detached = hasNotify ? scrollPosition > 30 : scrollPosition > 0;
 
   useEffect(() => {
+    setScrollPosition(
+      (typeof window !== 'undefined' && window.pageYOffset) || 0
+    );
     window.addEventListener('scroll', onScroll.bind(this));
     return () => {
       window.removeEventListener('scroll', onScroll.bind(this));