React 에서 window.scrollTo 또는
scrollRef.current.scrollIntoView 가 안되나요?

아래 로직을 추가해보세요.

useEffect(() => {
    setTimeout(() => window.scrollTo(0, 0));
}, []);

//스크롤 이벤트(맨 위로 버튼 클릭시)
const goToTop = () {
    topRef.current.scrollIntoView({ behavior: 'smooth' });
};

여기서 behavior: 'smooth' 를 써주면 스크롤이 좀 더 부드럽게 이동됩니다.

Ref를 주지 않고 아래 방법대로 하면 된다고 구글신이 알려주었으나.. 저는 작동을 하지 않았습니다. 댓글로 이유를 알려주실 분 있으실까요?
1. window.scrollTo(0,0)
2. document.getElementById("root").scrollTo(0,0)

저는.. 1, 2번 방법으로 하고 싶었으나.. 어쩔 수 없이 최상단 div에 ref를 걸어두고 했습니다.


+ Recent posts