리스트를 내리다가 스크롤을 최상위로 올리는 방법

매우간단!!

window.scrollTo(0, 0) 을 실행 시켜주면 스크롤 좌표 (0, 0) 즉 최상위로 이동시켜준다.

gif를 보면 왼쪽아래에 최상위로가기 버튼이 보인다.
해당 버튼의 코드는 아래와같다.
정말 간단하게 스크롤 최상위로 가는 기능을 구현할 수 있었다.

export default function MoveToTopBtn() {
  const clickHandler = () => {
    window.scrollTo(0, 0);
  };
  return (
    <Button onClick={clickHandler}>
      <IoIosArrowUp />
    </Button>
  );
}