React 스크롤시 Fix 하기 (Window scroll)
Mon Sep 05 2022 04:04:38 GMT+0000 (Coordinated Universal Time)
Saved by
@wumeenna
const [ScrollY, setScrollY] = useState(0); // window 의 pageYOffset값을 저장
const [ScrollActive, setScrollActive] = useState(false);
function handleScroll() {
if(ScrollY > 299) {
setScrollY(window.pageYOffset);
setScrollActive(true);
} else {
setScrollY(window.pageYOffset);
setScrollActive(false);
}
}
useEffect(() => {
function scrollListener() { window.addEventListener("scroll", handleScroll); } // window 에서 스크롤을 감시 시작
scrollListener(); // window 에서 스크롤을 감시
return () => { window.removeEventListener("scroll", handleScroll); }; // window 에서 스크롤을 감시를 종료
});
content_copyCOPY
https://wazacs.tistory.com/28
Comments