Skip to content

Commit e1074e2

Browse files
authored
Create use-scroll.ts
Signed-off-by: Aitor Alien <[email protected]>
1 parent 3018cfe commit e1074e2

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

src/hooks/use-scroll.ts

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
import { useState, useEffect } from "react";
2+
3+
export const useScroll = () => {
4+
const [isScrolled, setIsScrolled] = useState(false);
5+
6+
useEffect(() => {
7+
const handleScroll = () => {
8+
setIsScrolled(window.scrollY > 10);
9+
};
10+
11+
window.addEventListener("scroll", handleScroll);
12+
return () => window.removeEventListener("scroll", handleScroll);
13+
}, []);
14+
15+
return isScrolled;
16+
};

0 commit comments

Comments
 (0)