브라우저 스크롤 위치 조정

window.scrollTo(x, y); 함수를 이용해서 브라우저 스크롤 위치를 x, y 좌표를 통해 조정할 수 있습니다.

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

React 프로젝트에서 이렇게 사용하면 컴포넌트가 처음으로 렌더링 될 때 좌측 상단으로 이동하게 만들어줍니다.

그 외 응용

window.scrollTo(0, document.body.scrollHeight)를 사용하면 페이지의 가장 아래까지 스크롤 할 수 있습니다.

• document.body.scrollHeight는 페이지의 전체 높이를 의미합니다.