const [ScrollY, setScrollY] = useState(0);
const [top, setTop] = useState(false);
const handleFollow = () => {
setScrollY(window.pageYOffset);
if (ScrollY > 200) {
// 56 이하면 버튼이 보이게
setTop(true);
} else {
// 56 이상이면 버튼이 안보이게
setTop(false);
}
};
useEffect(() => {
const watch = () => {
window.addEventListener('scroll', handleFollow);
};
watch();
return () => {
window.removeEventListener('scroll', handleFollow);
};
}, [scrollY]);
{top && (
<div
className="btn_up"
onClick={() => {
window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
}}
>
<img src={up} alt="위로가기" />
</div>
)}