From 70fda74d27d9b55c9030932794daa25c1e6cf50d Mon Sep 17 00:00:00 2001 From: Factiven Date: Fri, 14 Apr 2023 00:14:12 +0700 Subject: Update 6th --- pages/components/layout.js | 66 ---------------------------------------------- 1 file changed, 66 deletions(-) delete mode 100644 pages/components/layout.js (limited to 'pages/components/layout.js') diff --git a/pages/components/layout.js b/pages/components/layout.js deleted file mode 100644 index ab4159a..0000000 --- a/pages/components/layout.js +++ /dev/null @@ -1,66 +0,0 @@ -import Navbar from "./navbar"; -import Footer from "./footer"; -import { useEffect, useState } from "react"; - -function Layout(props) { - const [isAtTop, setIsAtTop] = useState(true); - const [isScrollingDown, setIsScrollingDown] = useState(false); - - useEffect(() => { - const handleScroll = () => { - const scrollY = window.scrollY; - const bodyHeight = document.body.offsetHeight; - const windowHeight = window.innerHeight; - const scrollPercent = (scrollY / (bodyHeight - windowHeight)) * 100; - - if (scrollPercent <= 20) { - setIsAtTop(true); - setIsScrollingDown(false); - } else if (scrollY > lastScrollY) { - setIsAtTop(false); - setIsScrollingDown(true); - } else { - setIsAtTop(false); - setIsScrollingDown(false); - } - - lastScrollY = scrollY; - }; - - let lastScrollY = window.scrollY; - - window.addEventListener("scroll", handleScroll); - - return () => { - window.removeEventListener("scroll", handleScroll); - }; - }, []); - - return ( - <> -
- {/* PC/Tablet */} -
- - ); -} - -export default Layout; -- cgit v1.2.3